//
you're reading...
Coding, Data visualisation, How to guides

How to make a multi-screen interactive

Sometimes you’ll want to join more than one map, chart or other visual together  — but if you’re not a developer it can be a little tricky.

This is where the iframe scaffolder by Paris-based developer from Journalism++ Pierre Romera comes in. I made this map — used by Mother Jones — using the tool, which made it simple to join together three maps about the refugee crisis spreading across Europe.

The iframe scaffolder with refugee maps

The iframe scaffolder with refugee maps

Hosted on Github, the tool is pretty easy to use, with just a few steps between having a bunch of disparate visuals and combining them together into one comprehensive interactive guide. You just:

  • Add the links you want to insert
  • Arrange the iframes how you want (they can go side by side or even on a grid so you can create some cool small multiples) and add a colour theme
  • The iframes can autoplay between them and each frame can be shared individually

It’s so useful, we’ve got our own version we use for Google News Lab visuals, like this one.

Searches for Republican candidates by county

Searches for Republican candidates by county on Google

 

About Simon Rogers

Data journalist, writer, speaker. Author of 'Facts are Sacred', from Faber & Faber and a new range of infographics for children books from Candlewick. Edited and launched the Guardian Datablog. Now works for Google in California as Data Editor

Discussion

Trackbacks/Pingbacks

  1. Pingback: Iframe Scaffolder | Dosen GIS - September 23, 2015

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: