Responsive Isotype

Responsive webdesign is a design that facilitates reading a website on both desktop computers and mobile devices of all sorts of sizes. Smart solutions have been around for a number of years now and a non-responsive website is almost considered a sin nowadays.

Chart libraries like Highcharts are created with responsiveness in mind. But custom visualizations and infographics are often one-size only productions and can only be viewed in their full glory when viewed on a large desktop screen.

My first encounter with a responsive data visualization was when I started an assignment at NOS. Yoeran Luteijn showed me one of his responsive visualisations and explained how important it was for a news agency to support all kinds devices. Later on, I saw this inspiring talk by Garbiel Florit and I was convinced that I should dive deeper into the possibilities of responsive visualizations.

Continue reading