Activity at the time of spill

This visualization is from the Reuters article Oil spilled at sea: Putting the Sanchi disaster into perspective. This visualization is a static, annotated stacked bar chart that adapts the visualization size and annotations to different device contexts. 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
compress width resize view
reposition text annotations reposition labels
simplify binning modify data

Desktop vs. Mobile (Landscape)

Code Action Component
compress width resize view
overlap annotation text reposition labels