Data-Driven Guide: Designing Expressive Information Graphics

Nam Wook Kim
Dec 10, 2017 · 5 min read
Image for post
Image for post
Overview of the vector drawing tool in which Data-Driven Guides (cyan color) is implemented. On the left, you see a panel to put a data table. On the right, length guides are used to encode custom visuals with the data.

What is Data Driven Guides (DDG)?

Image for post
Image for post
Length and area guides. They can be used as a position guide as well.

Why We Developed Data-Driven Guides?

Image for post
Image for post
Excerpt from an online tutorial explaining how to measure a custom visual mark using a hand-crafted scale.

Use Case #1 Data-Driven Drawing

Image for post
Image for post
Free manipulation with proportional lengths to preserve data integrity
Image for post
Image for post
Data sketching with the help of DDG
Image for post
Image for post
Composing multiple guides to construct a more complex visual structure
Image for post
Image for post
A flower chart created using DDG

Use Case #2 Retargeting Existing Artworks

Image for post
Image for post
Nigel Holmes’ Monstrous Costs chart drawn by hand in 1982
Image for post
Image for post
Retargeting the size of the teeth with data using DDG
Image for post
Image for post
Generating data labels
Image for post
Image for post
Reusing the monster chart through a simple copy and paste.

Use Case #3 Proofreading Existing Infographics

Image for post
Image for post
Original factory worker chart (left) and superimposed guides created using the same data (right)
Image for post
Image for post
Original balloon chart (left) and both length and area guides superimposed (right)

A Step Forward Towards New Visualization Design Tools

Image for post
Image for post
Dear Data by Giorgia Lupi and Stefanie Posavec

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store