Lectures
Lectures are grouped into four parts:
- Foundations ,
- Techniques ,
- Advanced, as well as
- a guest lecture
Overview
Week 1: Course Introduction
Course and assignmeent overview. Introduction into basics of data visualization
Lecture Slides:
Just discovering after the lecture that on Jan 7, the BBC wrote an article about the misleading visualization about Australian bushfires, discussing alternative visualizations. Quote: “But it is actually artist Anthony Hearsey’s visualisation of one month of data of locations where fire was detected, collected by Nasa’s Fire Information for Resource Management System. […] The scale is a little exaggerated due to the render’s glow, but it is generally true to the info from the Nasa website. Also note that not all the areas are still burning, and this is a compilation,” Mr Hearsey wrote on Instagram in response to criticism by viewers that the image was misleading.”
Week 2: Foundations I: Basic Concepts
This lecture introduces the basics concepts of data visualizaion: Why are we using data visualization? Why does visualization work?. The lecture includes topics such as perception and color and concepts such as exploratory data analysis, data-driven storytelling, visual variables, visual mappings, visualization pipeline, visualization techniques, visual representation, and visualization literacy.
Required Reading:
Lecture Slides:
Further Reading
- Tamara Munzner: Visualization Analysis and Design
- Chapter 2. What: Data Abstraction
- Chapter 5. Marks and Channels
- Alberto Cairo: The Functional Art
- Chapter 1: Why Visulize: From Information to Visdom
- Chapter 2: Forms and Functions: Visualization as Technology
- Chapter 3: Visualizing for the Mind
- Andy Kirk: Data Visualization
- Chapter 1: Defining Data Visualization
- Jaques Bertin: Semiology of Graphics
- II.C: The retinal variables
- Cleveland & MaGill: Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods, 1984
Week 3: Visualization Design and Color
Foundations: Visualization design
This lecture talks about effective and ineffective visualization designs. It shows examples of ineffective and deceptive visualizations and describes visualization guidelines that help designing effective visualiztions. The corresponding tutorial will exercise over common problems with visualizations and work towards proposing solutions via sketching, a powerful method introduced in the tutorial.
r
Lecture Slides:
Required Reading:
- Albero Cairo: The Functional Art
- Chapter 3: The Beauty Paradox: Art and Communication
Further Reading
- Kong, Ha-Kyung, Zhicheng Liu, and Karrie Karahalios. “Frames and slants in titles of visualizations on controversial topics.” Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems. 2018.
- Edward Tufte. The Visual Display of Quantitative Information, 1983
- Stephen Few: Sometimes we must raise our voices: http://www.perceptualedge.com/articles/visual_business_intelligence/sometimes_we_must_raise_our_voices.pdf
- Nussbaumer Knafflic: Storyelling with data
- Chapter 2: Choosing an effective visual
- Chapter 3: Visual clutter is your enemy
- Chapter 4: Focus on your audiences’ attention
- Bateman, Scott, et al. “Useful junk? The effects of visual embellishment on comprehension and memorability of charts.” Proceedings of the SIGCHI conference on human factors in computing systems. 2010.
- Borgo, Rita, et al. “An empirical study on using visual embellishments in visualization.” IEEE Transactions on Visualization and Computer Graphics 18.12 (2012): 2759-2768.
- Borkin, Michelle A., et al. “What makes a visualization memorable?.” IEEE Transactions on Visualization and Computer Graphics 19.12 (2013): 2306-2315.
Video Lecture—Foundations: Color for Data Visualization
This lecture provides a brief introduction and overview over color perception and the use of color scales in data visualization. It also covers color blindness, color across cultures and some simple tools to use color.
Further reading
- Wong, Bang. “Points of view: Color blindness.” (2011): 441.
- Tamara Munzner: Visualization Analysis and Design, 2016; Chapter 10: Map Color and Other Channels
- https://www.color-blindness.com/types-of-color-blindness
- Colin Ware: Information Visualization—Perception for Design, 2012
This lecture overviews and introduces common software applications (tools) to help with both: data analysis and the creation of visualizations. We will overview tools for programming environments such as python (e.g., Seaborn) and javascript (e.g., D3), but also tools using common user interfaces (e.g, Rawgraph, Datawrapper). The lecture will not teach how to use these tools, but focus on a high-level overview of the many different tools and workflows exist to create data visualizations.
Lecture Slides
Links
Video Lecture—Techniques: Basic Charts
This is the first of a set of lectures on visualization techniques, i.e., charts and visual representations. This lecture gives a brief overview over basic charts often used in scientific reports and news papers. This includes histograms, barcharts, violinplots, boxplot, linecharts, and piecharts.
Further reading
- Wilke, Claus O. Fundamentals of data visualization: a primer on making informative and compelling figures. O’Reilly Media, 2019.
- Hullman, Jessica, Paul Resnick, and Eytan Adar. “Hypothetical outcome plots outperform error bars and violin plots for inferences about reliability of variable ordering.” PloS one 10.11 (2015).
- Skau, Drew, and Robert Kosara. “Arcs, angles, or areas: Individual data encodings in pie and donut charts.” Computer Graphics Forum. Vol. 35. No. 3. 2016.
- Cairo, Alberto. The truthful art: data, charts, and maps for communication. New Riders, 2016.
- Chapter 6: Exploring Data with Simple Charts
- Chapter 7: Visualizing Distributions
Week 5. Techniques: Multidimensional data and Trees & Hierarchies
Techniques: Multidimensional data
As multidimensional data we can describe all sorts of data sets that have a variety of attributes, for example columns in table. Generally speaken, the more columns a dataset has, the more dimensions it has. This lecture talks about visualization techniques for multivariate data such as scatterplots, glyphs, Mekko Chart, Heatmaps, Beeswarm plots, Scatterplot matrices, Parallel Coordinates Plots, and Multi-dimensional scaling.
Lecture Slides
Further Reading
- Shneiderman, Ben. “The eyes have it: A task by data type
taxonomy for information visualizations.” Proceedings 1996 IEEE
symposium on visual languages. IEEE, 1996.
- Fuchs, Johannes, et al. “A systematic review of experimental
studies on data glyphs.” IEEE transactions on visualization and
computer graphics 23.7 (2016): 1863-1879.
- Heinrich, Julian, and Daniel Weiskopf. “State of the Art of
Parallel Coordinates.” Eurographics (STARs). 2013.
- https://visualizationcheatsheets.github.io/pcp.html
Video Lecture— Techniques: Trees and Hierarchies
Lecture Slides
Recordings
Further Reading
- Schulz, Hans-Jorg, Steffen Hadlak, and Heidrun Schumann. “The design space of implicit hierarchy visualization: A survey.” IEEE transactions on visualization and computer graphics 17.4 (2010): 393-411.
Week 6. Techniques: Networks and Geographic Data
Techniques: Networks
Required Reading
Lecture Slides
Video Lecture—Techniques: Geographic Data
Lecture Slides
Videos
Further Reading
- Alberto Cairo: The Truthful Art: Chapter 10: Mapping Data
- Bertin, Jacques. Semiology of graphics; diagrams networks maps. No. 04; QA90, B7.. 1983.
- Andrienko, Gennady, et al. “Space, time and visual analytics.” International journal of geographical information science 24.10 (2010): 1577-1600.
- Andrienko, Natalia, and Gennady Andrienko. Exploratory analysis of spatial and temporal data: a systematic approach. Springer Science & Business Media, 2006.
- Bach, Benjamin, et al. “A descriptive framework for temporal data visualizations based on generalized space‐time cubes.” Computer Graphics Forum. Vol. 36. No. 6. 2017.
- Bach, Benjamin, et al. “Ways of Visualizing Data on Curves.” 2018.
Week 7. Techniques: Temporal Data
Mandatory Reading
Glance at this paper. No need to read everything but try to get an idea of the space-time cube metaphor that the paper is talking about and how it’s used to describe data visualization.
Techniques: Temporal Data
Lecture Slides:
Further reading
- Alberto Cairo: The Truthful Art: Chapter 8: Revealing Change
- Aigner, Wolfgang, et al. Visualization of time-oriented data. Springer Science & Business Media, 2011.
- Bach, Benjamin, et al. “A descriptive framework for temporal data visualizations based on generalized space‐time cubes.” Computer Graphics Forum. Vol. 36. No. 6. 2017.
- Rosenberg, Daniel, and Anthony Grafton. Cartographies of time: A history of the timeline. Princeton Architectural Press, 2013.
- Brehmer, Matthew, et al. “Timelines revisited: A design space and considerations for expressive storytelling.” IEEE transactions on visualization and computer graphics 23.9 (2016): 2151-2164.
Week 8. Advanced: Storytelling and Communication
This lecture focuses on effective presentation techniques when using visualizations in e.g., infographics or presentations. Other presentation media can include videos, posters, and datacomics. The lecture investigates how presenting and talking with visualizations is different than using visualizations for exploring and analyzing data. Spoiler alert: “It’s the audience, stupid!”.
Lecture Slides:
Further Reading:
Week 9. Guest Lecture: Renaud Blanch
cancelled due to University shutdown
Week 10. Advanced: Interction for Visualization
This lecture talks about the need for interaction in visualization and will present a range of interaction techniques for specific visualization related tasks: select, explore, reconfigure, encode, abstract, filter, connect.
Lecture Slides:
Lecture recording
- Log into Learn
Collaborate
> Menu
(on the top left) > recordings
.
- You can only watch the video online (no download possible).
Further Reading:
- Yi, Ji Soo, Youn ah Kang, and John Stasko. “Toward a deeper understanding of the role of interaction in information visualization.” IEEE transactions on visualization and computer graphics 13.6 (2007): 1224-1231.
- Amar, Robert, James Eagan, and John Stasko. “Low-level components of analytic activity in information visualization.” IEEE Symposium on Information Visualization, 2005. INFOVIS 2005.. IEEE, 2005.
- Tamara Munzner: Manipulate View (Chapter 11) in Tamara Munzner: Visualization Analysis & Design.
- Tominski, Christian, et al. “Interactive lenses for visualization: An extended survey.” Computer Graphics Forum. Vol. 36. No. 6. 2017.
Week 11. Advanced: Evaluating visualization techniques
This lecture covers techniques to assess if a given visualization technique (existing or your own creation) is “successful”. Successful is a broad term and refers to both effectiveness and efficiency in which a user or audience are supported in their analysis or understanding of the data. The lecture proposes a simple heuristic, Readability, Understandability, Supportiveness_, Truthfulness, Insightfulness and Communication.
Lecture Slides:
Lecture recording
- Log into Learn
Collaborate
> Menu
(on the top left) > recordings
.
- You can only watch the video online (no download possible).
- This lecture will have 2 recordings since I had
Further Reading:
- Elmqvist, Niklas, and Ji Soo Yi. “Patterns for visualization evaluation.” Information Visualization 14.3 (2015): 250-269.
- Lam, Heidi, et al. “Empirical studies in information visualization: Seven scenarios.” IEEE transactions on visualization and computer graphics 18.9 (2011): 1520-1536.
- Lam, Heidi, et al. “Seven guiding scenarios for information visualization evaluation.” (2011).
- Isenberg, Tobias, et al. “A systematic review on the practice of evaluating visualization.” IEEE Transactions on Visualization and Computer Graphics 19.12 (2013): 2818-2827.
- Borgo, Rita, et al. “Information visualization evaluation using crowdsourcing.” Computer Graphics Forum. Vol. 37. No. 3. 2018.
- Kang, Youn-ah, and John Stasko. “Examining the use of a visual analytics system for sensemaking tasks: Case studies with domain experts.” IEEE Transactions on Visualization and Computer Graphics 18.12 (2012): 2869-2878.