models and tools for information visualization ii
TRANSCRIPT
MODELS AND TOOLS FOR INFORMATION
VISUALIZATION IICHARTS, DIAGRAMS AND MODELS
- Bar Chart- Line Chart- Histogram- Scatter plot 2D- Scatter plot 3D- Pedigree Chart- Decision Tree- Tree Map- Flow map- Radar Chart- Pie Charts- Polar Area Pie Chart- Ring / Donut Chart- Scaled text- Cartogram- Heat Map- Mosaic map- Venn Diagram- Networks
- Hyperbolic Tree- Arc Diagram- Area Grouping- Centralized Burst- Centralized Ring- Circular Ties- Circled Globe- Scaling Circles- Radial Convergence- Radial Implosion
Overview of selected models
Bar chart — William Playfair, 1781
Bar chart — State of the Union, 2005
Bar chart — The Guardian, Medal Ranking, 2012
Bar chart — Amber Frid-Jimenez, File Systems, 2006
Bar chart — Amber Frid-Jimenez, File Systems, 2006
Bar chart — university-autonomy.eu, 2012
Histogram — university-autonomy.eu, 2012
Bar chart — university-autonomy.eu, 2012
Bar chart — university-autonomy.eu, 2012
Bar chart — coolnessgraphed.tumblr.com
Histogram, Ben Fry, An Aging Population, 2008
time
amount
Line chart — William Playfair, The Commercial and Political Atlas, 1786
Line chart – New York Times, Jobless Rate, 2009
Line chart – New York Times, Jobless Rate, 2009
Scatter plot 2D, Maryl Streep Matrix, 2012
Scatter plot 2D — Lev Manovich, Van Gogh Paintings in Paris and Arles, 2011
Brightness
Satu
ration
Brightness
Satu
ration
Scatter plot — Lev Manovich, Times Covers 1923 – 2005, 2011
Scatter plot 3D — Electric moOns, 2009
Scatter plot 3D — Electric moOns, 2009
Family Tree — Pop Chart Lab, Evolution of the Videogame Controller, 2012
Decision tree — Hey Jude, 2010
Tree map — Newmaps, 2005
Flow map — Density Design, 2012
Charles-Joseph Minard, Napoleon’s March on Moscow, 1869
»THE BEST GRAPHIC EVER PRODUCED«— Edward Tufte, The visual display of quantitative information, 1983
PARAMETERSPACETIMEARMY STRENGTHTEMPERATURE
Space
Space
http://mbostock.github.com/protovis/ex/napoleon.html
Time
8bre (octo(huit)-bre) = October
Time
9bre (nov(neuf)-embre) = November
Xbre (dec(dix)-embre) = December
7.September, Battle of Borodino
16–18.AugustBattle of Smolensk
28.June, Enters Vilnius
24.June, Enters Russian territory
26–27.JulyBattle of vitebsk
Grande Armée, June 24 1812
Grande Armée,December 14 1812
Strength of Army
Strength of Army
Grande Armée, June 24 1812
Grande Armée, December 14 1812
10 Soldiers
10 Soldiers
Temperature
0°
-30°
Refers only to retreat
Flow map — Christian Behrens, Energy Technology Perspectives, 2012
Flow map — Christian Behrens Energy Technology Perspectives, 2012
Flow map — Christian Behrens Energy Technology Perspectives, 2012
Flow map — Christian Behrens, Energy Technology Perspectives, 2012
Flow map — Christian Behrens Energy Technology Perspectives, 2012
Flow map — Density Design, Music Covers, 2012
Flow map — Density Design, Music Covers, 2012
TextRadar Chart — I Love Democracy, 2012
TextRadar Chart — I Love Democracy, 2012
Pie Chart, Fat or Fiction, 2012
Pie Chart, Fat or FIction, 2012
Pie Chart, Arthur Buxton, Ten Years Ten Artists, 2012
Pie Chart, Arthur Buxton, Ten Years Ten Artists, 2012
Pie Chart, Arthur Buxton, Ten Years Ten Artists, 2012
Polar Area Pie Chart, Florence Nightingale, 1858
Polar Area Pie Chart, Ben Fry for GE, The Cost of Getting Sick, 2009
Donut Chart
Donout Chart, GE Women‘s Healt, 2011
Scaling text — CNN, What employees say, 2011
Scaling text — CNN, What employees say, 2011
Scaling text — trendsmap.com, 2011
Cartogram — Worldmapper, People with AIDS/HIV, 2007
Cartogram — Worldmapper, Estimated distribution of wealth 2015, 2007
Heat map — New York Times, Where the Heat and the Thunder Hit Their Shots, 2012
Heat map — New York Times, Where the Heat and the Thunder Hit Their Shots, 2012
Mosaic map — Oliver Uberti and Mina Liu, Whats in a Surname, 2012
Venn Diagram — Tenso Graphics, 2011
Venn Diagram — Additive Colors
Scaling Circles — www.internet-map.net, 2012
Scaling Circles — www.internet-map.net, 2012
Map with scaling circles — Christian Behrens Earthquakes, 2012
Map with scaling pie charts — Charles-Joseph Minard, Cattle coming from different regions in France to be sent to Paris, 1858
Networks (following descriptions taken from: Manuel Lima, Visual Complexity, 2011)
Paul Baran, Network Models (»On distributed Networks«), 1962
Hyperbolic Tree — James Welch, website need..., 2012
Arc Diagram — Chris Harrison, Bible Cross-References, 2011
Arc Diagram — Chris Harrison, Bible Cross-References, 2011
Area Grouping — Kevin Boyack and Dick Klavans The Strengths of Nations, 2011
Area Grouping — Christopher Warnow, Amazon Recomendations, 2012
Area Grouping — Christopher Warnow, Amazon Recomendations, 2012
Area Grouping — Michelle Zappa Envisioning Technology, 2011
Centralized burst and area grouping — Linkin mapper, 2011
Centralized Ring — Moritz Stefaner, Map your Moves, 2010
Circular Ties — Jet Thorp, Popular Science, 2011
TextCircular Ties — Jet Thorp, Popular Science, 2011
Circled Globe — Senseable City Lab, NYTE, 2008
Circled Globe — Google Data Team, Small Arms and Ammunition, 2012
Circled Globe — Google Data Team, Small Arms and Ammunition, 2012
Histogram 3D — Google Data Team, Google Search Volume by Language, 2012
Centralized Ring — Moritz Stefaner Relational Browser CIA World-Factbook, 2008
Centralized Ring with scaling circles — Circles of Friends, Last.fm, 2009
Radial Convergence — Moritz Stefaner, MyMuesli, 2012
Radial Convergence — Political party donations germany, 2009
Radial Convergence — Jet Thorp, NYT trending in 2009, 2011
Radial Convergence — Jet Thorp, NYT trending in 2009, 2011
Radial Convergence — Jet Thorp, NYT trending in 1984, 2011
Radial Implosion — Moviegallaxies, The Godfather I, 2012
Manuel Lima, The Power of Networks, 2011