Introduction to Data Visualization


COMS W 4995 004 (3 pts)
Instructor: Agnes Chang (ac3882), office hours by appt.
IAs: Conder Shou (cs3544; Thurs 10a-12p), Jeevan Farias (jtf2126; Mon 2-4pm)
Class Time: Tues 6:10-8pm
Room: 415 Schapiro
Class Slack
Course Feedback Form

Overview

This course is a hands-on introduction to design principles, theory, and software techniques for visualizing data. Classes will be a combination of lecture, design studio, and lab. Through readings, design critique and code assignments, students will learn how visual representations can help in the understanding of complex data, and how to design and evaluate visualizations for the purpose of analysis or communication. Students will develop skills in processing data, and building interactive visualizations using D3. Topics include visual perception, exploratory data analysis, task analysis, graphic design, narrative, etc.

Students should have experience in JavaScript programming and web development, as well as familiarity with databases and data formats. You should be comfortable picking up new programming tools on your own. Experience in Python or R for data processing is helpful but not required.

Final Projects

Schedule

  Class Reading Assigned Due
9/4 Introduction: why visualize? schedule and expectations.
(slides)
(APPLY for this class)
• Visual Explanations, Chp. 2 Excerpt, by Tufte, E. 2007.
How to be creative & How to be critical, Andrew Ko. 2017.
• Lateral Thinking, Excerpts, Edward deBono, 1967.
A1.1 Vis Design: divergence assigned  
9/11 Designing: form vs. function, generating ideas, iterating, and critique.
(slides)
(quiz)
• Semiology of Graphics, Excerpt, Jacques Bertin, 1967.
A Tour through the Visualization Zoo. Jeffrey Heer, Michael Bostock, and Vadim Ogievetsky. ACM. 2010.
D3: Data-Driven Documents. Michael Bostock, Vadim Ogievetsky, Jeffrey Heer. InfoVis 2011.
Optional: The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations, Ben Shneiderman, 1996
A1.2 Vis Design: revisions assigned  
9/18 Data Models: data types, task types, corresponding visualization formats, and tools.
(slides)
(quiz)
Chp 6: Analytical Patterns from Now You See It by Stephen Few, 2009.
Polaris: A System for Query, Analysis and. Visualization of Multi-dimensional Relational Databases by Stolte, C. et. al. ACM 2008.
Postmortem of an Example, Jacques Bertin, 1981.
Optional: A Layered Grammar of Graphics, Wickham, H. 2010.
Optional: Bad Data Guide by Quartz data team
A2 Exploratory Data Analysis: assigned A1 Design DUE
9/25 Data Exploration: EDA, data wrangling and Tableau.
(slides)
(quiz)
Understanding Comics, Chp. 5,7,8, by Scott McCloud
Now You See It, Chp. 3 by Stephen Few, 2009.
Visual Display of Quantitative Information, Chp. 2,4,5, by Tufte, E. 2007
Optional: Mastering Hued Color Scales, Gregor Aisch, 2013.
   
10/2 Visual Encoding: marks, channels, expressiveness & effectiveness.
(slides)
(quiz)
Visualization Analysis and Design, Chp. 3.1–3.4, 4.1–4.6 by Munzner, T. 2014.
The Design of Everyday Things, Chp.1 by Norman, D. 1988.
39 Studies About Human Perception in 30 Minutes by Kennedy Elliott.
Optional: Design and Redesign in Data Visualization by Viegas & Wattenberg, 2015.
A3.1 Interactive Vis: static assigned A2 EDA DUE
10/9 Perception and Evaluation: how we see, color and attention theory, misrepresentation and a framework for analysis.
(slides)
(quiz)
Reinventing Explanation. Michael Nielsen, 2014.
Narrative Visualization: Telling Stories with Data in IEEE Vis by Segal and Heer, 2010.
Optional: The Architecture of a Data Visualization, Accurat Studio
Study for midterm  
10/16 Midterm Exam.

Narrative: why storytelling, techniques and examples.
(slides)
(quiz)
Interactive Dynamics for Visual Analysis. Jeffrey Heer & Ben Shneiderman. 2012.
Ladder of Abstraction by Bret Victor, 2011.
In Defense of Interactive Graphics, Gregor Aisch, 2017.
A3.2 Interactive Vis: dynamic assigned  
10/23 Interaction: overview vs. details, small multiples, brushing, etc.
(slides)
(quiz)
• Visual Display of Quantitative Information, Chp. 7, 8, by Tufte, E. 2007
Chp 5: Analytical Techniques from Now You See It by Stephen Few, 2009.
Powers of Ten(video), Charles & Ray Eames, 1977.
A4.1 Final Project: Proposals assigned  
10/30 Animation: motion perception, transitions, pros/cons.
(slides)
(quiz)
(course survey)
  A4 Final Project assigned A3 Interactive DUE
A4.1 Proposals DUE
11/6 Election day, no class.      
11/13 Final Project In-progress Critique.
(slides)

Critics: Jia Zhang, Christian Swinehart, Hannah Fresque, and Eugene Wu
Visualization Analysis and Design Chp 9: Networks and Trees by Munzner, T. 2014.
Chp. 11 Information Visualization for Text Analysis. from Search User Interfaces by Hearst, M. 2009.
Visualizing Algorithms. Mike Bostock. 2014.
Optional: Cartography: Thematic Map Design Chp. 11 Value-by-Area Mapping, Borden Dent.
Optional: Four Experiments in Handwriting with a Neural Network. Shan Carter et. al., 2016
  A4.2 Final in-progress critique
11/20 Maps, Networks, Text, Algorithms: node-link diagrams, trees, force layout; visualizing algorithms.
(slides)
(quiz)
Six Provocations for Big Data by boyd & Crawford, 2011
What Is Visualization Research? by Hullman, J.
Optional: The Case for Data Visualization Management Systems by Wu, et. al.
   
11/27 Ethics, Vis Roles and Vis Research: from persuasion to misrepresentation; vis in industry; Prof. Wu guest lecture
(slides)
(quiz)
     
12/4 Final Project Showcase.
@ Brown Center Pulitzer Hall

(slides)
    A4.3 Project + Showcase DUE
12/10       A4 Final Documentation DUE