Information Graphics Joyeeta Dutta-Moscato July 9, 2013.
-
Upload
prudence-park -
Category
Documents
-
view
220 -
download
1
Transcript of Information Graphics Joyeeta Dutta-Moscato July 9, 2013.
![Page 1: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/1.jpg)
Information Graphics
Joyeeta Dutta-MoscatoJuly 9, 2013
![Page 2: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/2.jpg)
Snow, 1854
![Page 3: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/3.jpg)
Nightingale, 1858
![Page 4: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/4.jpg)
Minard, 1869
![Page 5: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/5.jpg)
Edward Tufte (1942- )Yale UniversityProfessor Emeritus in Political Science, Computer Science, Statistics & Senior Critic, School of Art
Pioneer in the field of data visualization
http://www.edwardtufte.com/tufte/
![Page 6: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/6.jpg)
Excellence in statistical graphic consists of complex ideas communicated with clarity, precision, and efficiency.
Graphical displays should:• Show the data• Induce the viewer to think about substance, rather than
methodology• Avoid distorting what the data have to say• “Excellent visualizations are those that give the viewer the
greatest number of ideas in the shortest amount of time, with the least ink and in the smallest space.” In essence, data illustration is about simplifying the complex as much as possible.
• When the data-rich illustrations are examined closely, every data point has a value, but when they are looked at more generally, only trends and patterns can be observed – a macro/micro reading, presented in the space of an eye-span
Graphical Excellence
Edward Tufte, ‘The Visual Display of Quantitative Information’
![Page 7: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/7.jpg)
Graphical excellence is the well-designed presentation of interesting data
- a matter of Substance, Statistics and Design
Graphical excellence is almost always multivariate
Graphical excellence is that which gives the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space.
Graphical excellence requires telling the truth about the data.
Graphical Excellence
Edward Tufte, ‘The Visual Display of Quantitative Information’
![Page 8: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/8.jpg)
Anscombe’s Quartet
![Page 9: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/9.jpg)
Good graphics reveal data
Anscombe’s quartet
Anscombe’s Quartet
![Page 10: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/10.jpg)
The 1986 destruction of the Space Shuttle Challenger, which was due to a damaged O-ring seal, has been attributed in part to a failure of data analysis.
Decision-makers at the US space agency, NASA, were uncertain about whether to launch the space shuttle in below-freezing temperatures.
Non-Informative Graphics
They had the data
![Page 11: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/11.jpg)
A visualization prioritizing information makes obvious the risk of O-ring damage in extreme cold temperatures.
Informative GraphicsEdward Tufte later pointed out, this disaster could have been avoided had the data been more clearly conveyed through the use of a graphic.
![Page 12: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/12.jpg)
http://www.forbes.com/sites/naomirobbins/2012/08/04/another-misleading-graph-of-romneys-tax-plan/
Misleading Graphics
![Page 13: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/13.jpg)
http://mediamatters.org/blog/2012/08/09/today-in-dishonest-fox-charts-government-aid-ed/189223
Misleading Graphics
![Page 14: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/14.jpg)
http://mediamatters.org/blog/2012/03/16/another-whopper-from-foxs-graphics-department/185186
Misleading Graphics
![Page 15: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/15.jpg)
http://www.buzzfeed.com/ebroodle/fox-news-pie-chart-fail-68j
Misleading Graphics
![Page 16: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/16.jpg)
Graphical excellence is the well-designed presentation of interesting data
- a matter of Substance, Statistics and Design
Graphical excellence is almost always multivariate
Graphical excellence is that which gives the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space.
Graphical excellence requires telling the truth about the data.
Graphical Excellence
Edward Tufte, ‘The Visual Display of Quantitative Information’
![Page 17: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/17.jpg)
![Page 18: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/18.jpg)
Bhavnani et al. 2012
![Page 19: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/19.jpg)
Bhavnani et al. 2012
![Page 20: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/20.jpg)
Krzywinski, M. et al. Circos: an Information Aesthetic for Comparative Genomics. Genome Res (2009) 19:1639-1645
![Page 21: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/21.jpg)
CIRCOS
The human genome is comprised of 22 pairs of chromosomes 1-22 and the pair of sex chromosomes X,Y. Individual chromosomes range from about 50 Mb (chr 21) to about 250 Mb (chr 1) and together compose the 3 Gb human genome.
![Page 22: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/22.jpg)
CIRCOS
![Page 23: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/23.jpg)
http://www.gapminder.org
![Page 24: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/24.jpg)
http://bost.ocks.org/mike/
![Page 25: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/25.jpg)
http://d3js.org/
![Page 26: Information Graphics Joyeeta Dutta-Moscato July 9, 2013.](https://reader036.fdocuments.us/reader036/viewer/2022062314/56649dd25503460f94ac91af/html5/thumbnails/26.jpg)
Acknowledgments
Liz Marai, Dept. of Comp Science
Harry Hochheiser, Dept of Biomedical Informatics