Information Visualization

Information & Visualization

http://apandre.files.wordpress.com/2011/03/oldcombocharwagesofmechanicvspriceofwheat1821.jpg

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 chartParts of a whole• Pie chart• Tree mapChange over time• Line graph• Stack graphCompare values• Bar chart• Bubble chartAnalyze text• Word tree• Tag cloud• Phrase netRelations• 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-with-different-x-val

Column Chart Bar ChartLarge # of data sets 10-12 maxLong labels Short labels

Beware of proportions, broken columns, and start values!https://en.wikibooks.org/wiki/Statistics/Displaying_Data/Bar_Chartshttp://blog.fusioncharts.com/2013/06/bar-charts-or-column-charts/

Negative Valueshttp://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/wordtreehttps://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 tonnageshttp://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_STATEOFUNION.html

• http://www.youtube.com/watch?v=S_d-gs0WoUw

• http://bits.blogs.nytimes.com/2009/12/17/a-day-in-the-life-of-nytimescom/

• http://flowingdata.com/2011/12/21/the-best-data-visualization-projects-of-2011/

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