visualization & visual analytics 1 · what will you learn? visualization - how to creatively...
TRANSCRIPT
![Page 1: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/1.jpg)
Visualization & Visual Analytics 1Angus Forbes
creativecoding.evl.uic.edu/courses/cs424
![Page 2: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/2.jpg)
What is this class about?Information VisualizationEffective ways to interact with and represent different types of data – often involves designing new techniques that can be applied in many contextsVisual AnalyticsEffective use of visual interfaces to solve complex problems - often involves a combination of techniques specific to a particular industry or domain
![Page 3: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/3.jpg)
Viegas and Wattenberg, 2012 “Wind Map”
![Page 4: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/4.jpg)
Holten, 2006 “Hierarchical Edge Bundling”
![Page 5: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/5.jpg)
Riche and Dwyer, 2012 “Compact Rectangular Euler Diagrams”
![Page 6: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/6.jpg)
Shneiderman, 1992 “Treemaps”
![Page 7: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/7.jpg)
Partl et al., 2014 “ConTour”
![Page 8: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/8.jpg)
Kamaleswaran et al., 2016 “PhysioEx”
![Page 9: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/9.jpg)
Zhao et al., 2016 “PivotSlice”
![Page 10: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/10.jpg)
Dang & Forbes, 2016 “BioLinker”
![Page 11: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/11.jpg)
(Interactive) Infographics- Generally static or have a limited set of interactions- Often highlight particular elements to encode a specific narrative- Normally utilize a minimalist palette in order to help viewer focus on important concepts
![Page 12: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/12.jpg)
Minard, 1869 “Napoleon's 1812 Invasion of Russia”
![Page 13: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/13.jpg)
Nightengale, 1858 “Diagram of the Causes of Mortality in the Army...”
![Page 14: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/14.jpg)
Parlapiano & Sanger-Katz, 2016 “Shifts in Power”
![Page 15: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/15.jpg)
What will you learn?ScienceData science: Extracting insight from data, especially “big data”Scientific method: Observation, data collection, hypothesizing, experimenting, testing, analyzing, communciatingEngineeringCoding + software development, D3.js, Javascript, working in teams
![Page 16: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/16.jpg)
What will you learn?Visualization- How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types of data (tabular, network, textual, geographic, temporal, etc.); - How to develop tools to support a range of visualization tasks (analysis, annotation, exploration, comparison, etc.);- How to think of visualization projects in terms of the larger context of the needs and goals of the intended audience
![Page 17: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/17.jpg)
How will you learn?Projects & Presentations P1, “Quantified Self” – Test out different visual techniques for a (relatively) straightforward dataset - Individual projectP2, “Integrated Datasets” – Explore how to integrate multiple techniques to find relationships between data from multiple datasets – Group projectP3, “Unsolved Problems” – Develop new techniques to represent complex data to solve complex problems – Group project
![Page 18: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/18.jpg)
How will you learn?Assignments & QuizzesRead textbook and articles + study contemporary programming techniques for information visualizationParticipationLearn from and teach each other; make sure you understand the material; find ways to make the material meaningful to you
![Page 19: Visualization & Visual Analytics 1 · What will you learn? Visualization - How to creatively and effectively choose visual encodings (color, shape, motion, etc.) for different types](https://reader034.vdocument.in/reader034/viewer/2022051607/60388225f802d539155be402/html5/thumbnails/19.jpg)
Homework for Thursday- Bring in an example of a data visualization that you have seen that you like. Be ready to explain to your classmates what you find to be interesting about it.