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 |