In close decisions, Kennedy voted in the majority 76 percent of the time.

This visualization is from the New York Times article With Kennedy’s Retirement, the Supreme Court Loses Its Center. This visualization includes two drastically different designs (a horizontal dot plot and a vertical bar chart) depending on the device context. Both visualizations are static. To better understand the responsive techniques used, we performed an open-coding process of the changes between the desktop and mobile versions of the visualization. To view the mobile version of the visualization, we used the Device Mode provided by Chrome DevTools to simulated an iPhone X device in both a portrait and landscape orientation. Take a look at the article yourself, and the codes we generated here:

Desktop vs. Mobile (Portrait)

Code Action Component
change mark encoding modify marks
label mark percentage add labels
remove percentage axis remove axis
swap encoding axes reposition marks

Desktop vs. Mobile (Landscape)

Code Action Component
no changes no changes view