Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

Information Tells Stories by Mind Map: Information Tells Stories
0.0 stars - reviews range from 0 to 5

Information Tells Stories

InfoVis Mantra

Select and Filter

“Mark something as interesting” • Mark items of interest to keep track • Seem to work as a preceding action to subsequent operations.

Reconfigure

“Show me a different arrangement” • Provide different perspectives by changing the spatial arrangement of representation e.g., • Sorting and rearranging columns in TableLens • Changing the attributes in a scatter plot • The baseline adjustment feature in Stacked Histogram

http://www.minglebee.com/gp/

Encode

“Show me a different representation” • Change visual appearances e.g., • Changing color encoding • Changing size • Changing orientation • Changing font • Changing shape

Zoom (overview and details)

“Show me more or less detail” • Adjust the level of abstraction (overview and details) e.g., • Unfolding sub-categories in an interactive pie chart • Drill-down in Treemap

Connect

“Show me related items” • highlight associations and relationships • show hidden data items that are relevant to a specified item

Why visualization is important?

Cholera Epidemic Example

Visualization Patterns

Timeline Diagrams

Map + Flow, http://upload.wikimedia.org/wikipedia/commons/2/29/Minard.png, http://www.nytimes.com/imagepages/2009/06/02/sports/03marathon.grafic.html

Flow, http://www.nytimes.com/imagepages/2008/02/24/business/24METRIC_GRAPHIC.html, http://plan.tpondemand.com/restui/tpview.aspx?acid=CDF8D2947CC1C79BCF93FD870B4D7FB5#userstory/39379||{"tab":"implementationHistory"}, http://plan.tpondemand.com/restui/tpview.aspx?acid=CDF8D2947CC1C79BCF93FD870B4D7FB5#userstory/41096||{"tab":"implementationHistory"}, http://synapticnulship.com/blog/wp-content/uploads/2010/09/movie_narrative_charts_large.png

Schedule, http://mbostock.github.com/protovis/ex/caltrain.html, http://www.nytimes.com/imagepages/2007/03/17/nyregion/nyregionspecial2/20070318_TRAIN_GRAPHIC.html

Multi-dimensional diagrams

Matrix, http://eurheartj.oxfordjournals.org/content/early/2007/08/28/eurheartj.ehm316/F4.large.jpg, Board+

Scatterplot, http://www.nytimes.com/packages/khtml/2006/04/02/business/20060402_SECTOR_GRAPHIC.html, http://www.nytimes.com/interactive/2011/01/02/business/20110102-metrics-graphic.html

Small-multiples, http://www.nytimes.com/interactive/2008/08/16/sports/olympics/20080816_world_records.html, http://ieg.ifs.tuwien.ac.at/~aigner/teaching/ws06/infovis_ue/img/technique-images/full-size/tufte_patient_status2.jpg, http://mbostock.github.com/protovis/ex/hotel.html

Maps

http://www.nytimes.com/interactive/2009/03/10/us/20090310-immigration-explorer.html

Networks

TreeMap, http://www.smartmoney.com/map-of-the-market/

Mindmap

Basic Principles

Data to Ink Ratio

Image Concept

Levels of Reading

Legibility Rules