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 |