Incidents at Sea

This visualization is from the Reuters article Oil spilled at sea: Putting the Sanchi disaster into perspecive. This visualization is a static, annotated symbol map 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)

Desktop vs. Mobile (Landscape)