#DataVizInSixWeeks, Week 1 - Context, Data Viz vs. Data Interaction
•Download as PPTX, PDF•
1 like•854 views
DataVizInSixWeeks is an Introduction to Visual Analytics course taught at OCAD University in Toronto.
Recommended
Recommended
More Related Content
Recently uploaded
Recently uploaded (20)
Featured
Featured (20)
#DataVizInSixWeeks, Week 1 - Context, Data Viz vs. Data Interaction
- 2. #DataVizInSixWeeks Copyright Anne Stevens Week One What is data visualization? Historical context Week Four Design issues & best practices Week Two Visualization types Week Five Big data, data management Week Three Perception and cognition Week Six Synthesis Data Viz In Six Weeks An Introduction to Visual Analytics course taught at OCAD University, Toronto By Anne Stevens
- 3. #DataVizInSixWeeks Copyright Anne Stevens Introduction to Visual Analytics CSDM 1N50 Anne Stevens astevens@faculty.ocadu.ca stevensanne.com Class Tableau Public acct: astevens@faculty.ocadu.ca Password: OCADocad (or ocadOCAD) (sorry) Class slides Go to slideshare.net, then search for DataVizInSixWeeks
- 4. #DataVizInSixWeeks Copyright Anne Stevens Today Introductions Me You The course Concepts Historical context Data visualization vs. data interaction Tools Tableau Public
- 6. #DataVizInSixWeeks Copyright Anne Stevens World Map. 1592 collectionscanada.gc.ca/education/008-3070-e.html
- 7. #DataVizInSixWeeks Copyright Anne Stevens William Playfair Scotland’s Imports and Exports. William Playfair. 1786 decohan.wordpress.com/2011/10/07/nature-of-visualisation
- 8. #DataVizInSixWeeks Copyright Anne Stevens Florence Nightengale Diagram of the causes of mortality in the army in the East. Florence Nightengale. 1858 decohan.wordpress.com/2011/10/07/nature-of-visualisation Grey = disease. Pink = battle wounds. Black = other causes.
- 9. #DataVizInSixWeeks Copyright Anne Stevens Charles Minard Carte figurative des pertes successives en hommes de l'Armée Française dans la campagne de Russie 1812-1813. Charles Minard, 1869 en.wikipedia.org/wiki/File:Minard.png
- 10. #DataVizInSixWeeks Copyright Anne Stevens Charles Minard Effect of US Civil War on trade in cotton, 1858, 1862. Charles Minard. 1863. cartographia.wordpress.com/category/charles-joseph-minard/
- 11. #DataVizInSixWeeks Copyright Anne Stevens John Snow Cholera outbreaks in London. John Snow, 1854. commons.wikimedia.org/wiki/File:Snow-cholera-map-1.jpg
- 12. #DataVizInSixWeeks Copyright Anne Stevens Density and Intensity of Illiteracy in France. Baron Pierre Charles Dupin, 1826. euclid.psych.yorku.ca
- 14. #DataVizInSixWeeks Copyright Anne Stevens The Horse in Motion. Eadweard Muybridge. 1878 uj.apertura.hu/2014/nyar-osz/fogl-uton-utfelen
- 15. #DataVizInSixWeeks Copyright Anne Stevens Hand mit Ringen. Wilhelm Rontgen. 1895 en.wikipedia.org/wiki/X-ray
- 16. #DataVizInSixWeeks Copyright Anne Stevens 20th century The dark ages of statistical graphics
- 17. #DataVizInSixWeeks Copyright Anne Stevens What is data visualization? ted.com/talks/david_mccandless_the_beauty_of_data_visualization#t-873046
- 18. #DataVizInSixWeeks Copyright Anne Stevens Information visualization InfoViz Info Graphics Data visualization Data analysis Visual analytics Medical/scientific visualization Map-based viz (GIS)
- 21. #DataVizInSixWeeks Copyright Anne Stevens High data to ink ratio http://www.solutions2.be/DidYouKnow.aspx
- 22. #DataVizInSixWeeks Copyright Anne Stevens No graphic ducks Edward Tufte. The Visual Display of Quantitative Information
- 23. #DataVizInSixWeeks Copyright Anne Stevens Left vs. Right. David McCandless davidmccandless.com
- 24. #DataVizInSixWeeks Copyright Anne Stevens Manifest Justice Exhibition, Los Angeles, May 2015 c/o http://www.afropunk.com/profiles/blogs/feature-manifestjustice-art-exhibit-in-los-angeles
- 25. #DataVizInSixWeeks Copyright Anne Stevens SatCat Database: every piece of space debris > 10cm dia.
- 26. #DataVizInSixWeeks Copyright Anne Stevens Hours & hours of number crunching
- 27. #DataVizInSixWeeks Copyright Anne Stevens Anne Stevens Every Satellite Ever
- 28. #DataVizInSixWeeks Copyright Anne Stevens Fortune 500 The Fortune 500. Ben Fry fathom.info/fortune500
- 29. #DataVizInSixWeeks Copyright Anne Stevens Visual analytics The Care and Condition Monitor. Anne Stevens et al. OCAD Visual Analytics Lab stevensanne.com/?portfolio=brava-design-for-mobile
- 30. #DataVizInSixWeeks Copyright Anne Stevens What would Tufte say about these?
- 31. #DataVizInSixWeeks Copyright Anne Stevens Jason Salavon Jason Salavon Late Night Triad
- 32. #DataVizInSixWeeks Copyright Anne Stevens Lev Manovich Lev Manovich Mapping Time
- 33. #DataVizInSixWeeks Copyright Anne Stevens Immaterials: light painting WiFi, Kjetil Nordby, 2011 nearfield.org Uses a portable four meter high measuring device and long- exposure photography to map WiFi fields around RFID devices in urban spaces.
- 34. #DataVizInSixWeeks Copyright Anne Stevens Physical data viz Fundament, Andreas Nicolas Fischer. 2008. anf.nu/fundament Tokyo earthquake data sculpture. Luke Jerram. lukejerram.com Yvonne Jansen, Pierre Dragicevic, Jean-Daneil Fekete Keyboard frequency sculpture. Michael Knuepfel aviz.fr/Research/PassivePhysicalVisualizations
- 35. #DataVizInSixWeeks Copyright Anne Stevens Beyond visualization 1750 – 1900: Golden Age of statistical graphics 1900 – 1975: Dark ages 1975: Renaissance 1975 onwards: Era of high-dimension, interactive data visualization
- 36. #DataVizInSixWeeks Copyright Anne Stevens Week One What is data visualization? Historical context Week Four Design issues & best practices Week Two Visualization types Week Five Big data, data management Week Three Perception and cognition Week Six Synthesis Data Viz In Six Weeks An Introduction to Visual Analytics course taught at OCAD University, Toronto By Anne Stevens stevensanne.com stevensanne.com/blog/ @3_ring_binder
Editor's Notes
- Emergence of statistical graphics: The Golden Age of SG William Playfair. Argued that charts communicated better than tables of data. Scotland’s imports and exports, 1786. Inventor of Bar, Line and Pie Charts 1750-1850: statistical graphics emerged, long after cartesian grids, log scales, calculus, geometric projection etc. 1850-1900: Golden Age of SG (creativity). Then the dark ages.
- Florence Nightengale. (Who knew?). Diagram of the causes of mortality in the army in the East. 1858 Pie chart Coxcomb diagram, or Polar Area Diagram
- Charles Minard. Napoleon’s march on Moscow, 1812-13 Multiple variables in one image: - Width of line = army size (420,000 at start, 100,000 at Moscow, 10,000 at end). See numbers along the line. Lat & long of army on the move Direction of travel Where units split off and rejoined Location (major landmarks such as rivers & cities) relative to certain dates Weather temp (of retreat) Narrative
- John Snow, epidemiologist. Traced source of 1854 cholera outbreak in London to a well in Broad St, Soho, by mapping cases. Established patterns. Convinced the local authority to remove handle from the pump. Previously, cholera and bubonic plague were thought to be caused by “miasma”, i.e. noxious air/pollution. JS didn’t believe it and proved that it was related to water source. Changed the way
- Social catalogues and atlases – using visualizations First choropleth (thematic) map showing statistical data. Baron Pierre Charles Dupin, 1826.
- Anthropometry (pseudoscience): based on the premise that you could determine a person’s morality based on physical features Alphonse Bertillon (cop), 1853-1914 Identifying criminals and people of loose morals, based on facial/cranial features.
- Photography used to problem solve Ed Muybridge: images used to solve disputes: do all 4 of a horses hooves ever leave the ground?
- The first Xray Wilhelm Rontgen, 1895. Discovered X-rays.
- David McCandless: Using our eyes more to deal w/ info overload. Design info to: tell a story (narrative), - focus on priorities. - provide context - identify patterns scattered across different news reports - meaning making Information Landscape that you can travel with your eyes: “When you’re lost in information, an information map is kinda’ useful.” (watch up to 2:57 mins)
- If you only know one person …. The Visual Display of Quantitative Information (1983) Responsible for discourse centered on difference b/t Info Viz & Data Viz. Statistician, very concerned with precision of charts, so that they don’t dumb down the numbers. Provides a framework of rules to distinguish data viz from info viz. Thinks of graphics sim to Golden Age of SG: crunch the numbers first, then find the best viz to represent it. Rigidly rejects: icon, metaphor, 3D Artistic visualizations Graphical decoration Chart junk
- Re. Venturi’s Learning from Las Vegas Long Island drive-in egg store. Duck: building where symbolic shape submerges and distort programs. Emphasis on expression Decorated shed: where function, space and services take the form they need (often simple) and decoration is applied afterwards. Emphasis on meaning The analogy: in infoVis, the design often subverts and distorts the data; takes precedent over it
- Predetermined POV More Info than data Not repeatable or extendable Relies on very subject-specific icons Not all the data / selective use of data Icons Basically, a poster
- Disconnect b/t data and output. The analysis and number crunching gets done first. The viz gets designed in a different appl’n after.
- No use of icons Interactive Multiple readings Includes all the data. Landscape of data to be explored. Powerful experience of EXPLORATION and DISCOVERY. So much to learn from simple viz. Lets the eye find patterns. Organizes the info spatially and visually. Much more meaningful than if it were in a chart. Compare to Fortune 500 website
- Emphasis on decision making Networked teams, mobile Inherently interactive. Sometimes a term has more to do with context or intent
- Making the invisible visible Environmental data Ambient data
- Physical Viz / Data sculpture / Non-screen based Map of world GDP (bottom) and world derivatives volume. Japan earthquake data sculpture Data sculpture Non screen based data visualization
- 1750: 1900: Golden age of statistical graphics. 1900: 1975: Dark ages (viz’s are no longer trusted or considered precise enough. Back to numbers.) 1950 - 1975: rebirth 1975 on: High-dimensional data visualization, interaction, dynamics, animation What’s different today: Big data / social media data is more valuable than ever There’s more of it than ever Computers: faster, huge processing power Big memories Cheap, accessible Interactivity animation