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/