http://apandre.files.wordpress.com/2011/03/oldcombocharwagesofmechanicvspriceofwheat1821.jp
g

Information visualizations are metrics expressed as graphics.

Information visualizations are metrics expressed as graphics with labels .

What graphic? (Adopted from the now-defunct Many Eyes site)
•
•
Relations among data points
Scatterplot
Matrix chart
•
•
Parts of a whole
Pie chart
Tree map
•
•
Change over time
Line graph
Stack graph
•
•
Compare values
Bar chart
Bubble chart
•
•
•
Analyze text
Word tree
Tag cloud
Phrase net
•
•
•
Relations
Networks
Flow charts
Organizational charts

• http://www.sixsigmatrainingconsulting.com/uncategorized/scatter-plots-for-visualization-of-relationships/

• http://www.antoniorinaldi.it/a-heat-bubble-matrix-chart-for-two-way-tables/

• http://www.visualquest.in/2010/04/heat-map-or-bubble-matrix-chart.html

• http://www.rff.com/sample_criminal_analysis.htm

Pie Chart Tree Map

• http://www.mathgoodies.com/lessons/graphs/line.html

https://en.wikipedia.org/wiki/Infographic

• http://stackoverflow.com/questions/10039005/what-html5-chart-tool-can-i-use-to-present-change-over-time-withdifferent-x-val

Column Chart
Large # of data sets
Long labels
Bar Chart
10-12 max
Short labels
Beware of proportions, broken columns, and start values!
https://en.wikibooks.org/wiki/Statistics/Displaying_Data/Bar_Charts http://blog.fusioncharts.com/2013/06/bar-charts-or-column-charts/

Negative Values http://blog.fusioncharts.com/2013/06/bar-charts-or-column-charts/

It shows the number of burglaries versus the number of murders per 100,000 population. Every bubble is a state of America, the size of the bubbles represents the population of the state and the color is the number of larcenies.
http://glowingpython.blogspot.com/2011/11/how-to-make-bubble-charts-with.html
(check this site if you want some python scripts for converting data to visualizations) http://www.visifire.com/silverlight_bubble_point_charts_gallery.php
(check this site for animated visualizations)

https://developers.google.com/chart/interactive/docs/gallery/wordtree https://www.jasondavies.com/wordtree/ (play with these visualizations)

• https://geroldkathan.wordpress.com/2013/03/14/real-world-ea-our-tagcloud/

• http://www.openbible.info/blog/2009/03/phrase-net-bible-visualizations/

• http://water.state.co.us/HOME/ABOUTDWR/Pages/OrgChart.aspx

http://www.mobilehomerepair.com/FurnaceFlowChart.php

• http://www.fmsasg.com/socialnetworkanalysis/

Network principles:
1) Degree centrality: # of direct relationships (numerical)
2) Betweenness centrality: ability to make connections to others
(positional)
3) Closeness: speed of access (relative)
4) Eigenvalue: closeness to other close entities (comparative)
5) Authority (many entities point to it)
Display: force-directed (optimizes display with least number of crossings; edges more or less the same length; spring-loaded repulsion; attraction constrains layout). http://www.fmsasg.com/socialnetworkanalysis/

Beware of reading the incidental information of the graphic as if it were the data and/or phenomenon from which the data was extracted.

• http://flowingdata.com/2010/12/14/10-best-data-visualization-projects-of-the-year-%E2%80%93-2010/

Minard, 1849, Ports in Europe and tonnages http://apandre.files.wordpress.com/2011/03/oldmapwithbubbleschartportandrivertonnage1859.jpg

• http://eagereyes.org/blog/2008/ny-times-the-best-and-worst-of-data-visualization

http://web.stanford.edu/group/toolingup/rplviz/

• http://www.datavis.ca/gallery/index.php
• http://www.nytimes.com/ref/washington/20070123_STATEOFU
NION.html
• http://www.youtube.com/watch?v=S_d-gs0WoUw
• http://bits.blogs.nytimes.com/2009/12/17/a-day-in-the-life-ofnytimescom/
• http://flowingdata.com/2011/12/21/the-best-data-visualizationprojects-of-2011/

• http://www-
958.ibm.com/software/analytics/manyeyes/