DSCI 554 Data Visualization

Classes 2:00-3:50pm Monday, Wednesday, ZHS 252 (Zoom links in Blackboard under USC Zoom Pro Meeting)

Textbooks

Murray S. Interactive Data Visualization for the Web, 2nd Edition. 2nd ed. O’Reilly Media, Inc; 2017. USC Libraries link

Alberto Cairo. The Functional Art: An Introduction to Information Graphics and Visualization. First. New Riders; 2012. USC Libraries link

Colin Ware. Visual Thinking: For Design. 1st ed. Morgan Kaufmann Publishers Inc; 2008. USC Libraries link

Schedule

WEEK: 1 2 3 4 5 6 7 8 9 10 11 12 13 14

Lecture 1 (8/23)

Course overview, introduction to data visualization. #fall21-dsci-554-lectures

Lab 1 (8/25)

Tooling, creating line and pie charts with Google Sheets and Google Charts. #fall21-dsci-554-a1

Readings

Murray Chapter 1 & 2
Cairo Part I, Chapter 1 & 2
MDN Getting started with the Web
Chrome DevTools Get started
Vue.js 2 Get Started

Assignments

A1: https://classroom.github.com/a/NkTMk2VO (due 9/01 2PM)

Lecture 2 (8/30)

Survey of visualization techniques, introduction to web technologies. #fall21-dsci-554-lectures

Lab 2 (9/1)

Debugging, bubble charts with Google Charts, Inkscape and javascript. #fall21-dsci-554-a2

Readings

Murray Chapter 3 & 4
A Tour through the Visualization Zoo, J. Heer, M. Bostock, V. Ogievetsky
MDN Adding vector graphics to the Web
Inkscape (interactive) Tutorials

Assignments

A2: https://classroom.github.com/a/dIwGCoJz (due 9/8 2PM)
Form project groups
Project proposals (Google slides) - #fall21-dsci-554-project (due 9/29 2PM)

Lecture 3 (9/8)

Design space of visualizations, graphing in the browser, introduction to D3 and VEGA. #fall21-dsci-554-lectures

Readings

Assignments

A3: https://classroom.github.com/a/MnZvKRJK (due 9/15 2PM)
Project proposals (Google slides) #fall21-dsci-554-project (due 9/29 2PM)

Lab 3 (9/13)

Bar charts and scatterplots using HTML, CSS, SVG, D3 and Vega, diagrams with Mermaid #fall21-dsci-554-a3

Lecture 4 (9/15)

Designing infographics and dashboards, D3 data join basics and loading data. #fall21-dsci-554-lectures

Readings

Cairo Part I, Chapter 4
Murray Chapter 6
Vega-Lite types of data sources and data formats

Assignments

A4: https://classroom.github.com/a/t-j5aj1q (due 9/22 2PM)
Project proposals - Google slides (due 9/29 2PM)

Lab 4 (9/20)

Tables and charts with D3, more plots with VEGA. #fall21-dsci-554-a4

Lecture 5 (9/22)

The eye and the visual brain; visual queries; implications for design; scales; using scales in scatter plot and bar charts; using scales with axes; rendering axes. #fall21-dsci-554-lectures

Readings

Ware Chapter 1
Cairo Part II, Chapter 5
Murray Chapter 7 & 8

Assignments

A5: https://classroom.github.com/a/II7DOOhH (due 9/29 2PM)
Project proposals (Google slides) #fall21-dsci-554-project (due 9/29 2PM)

Lab 5 (9/27)

D3 scales and axes, PechaKucha presentation with Sozi. #fall21-dsci-554-a5

Lab X (9/29)

Accessibility, UX, responsive visualizations, frameworks. Set-up for projects. #fall21-dsci-554-ax #fall21-dsci-554-project

Readings

Assignments

AX: https://classroom.github.com/a/2fo4zsQh (due 10/6 2PM)

Lecture 6 (10/4)

Preattentive features. Updating D3 visualizations; changing data and updating the visuals; smooth transitions and animations. Updating the axes; adding and removing data values. #fall21-dsci-554-lectures

Lab 6 (10/6)

Animated transitions. #fall21-dsci-554-a6

Readings

Ware Chapter 2
Cairo Part II, Chapter 6
Murray Chapter 9, 10 & 12
Healey and James, Attention and visual memory in visualization and computer graphics, IEEE Transactions on Visualization and Computer Graphics, 2012. Online version.

Assignments

A6: https://classroom.github.com/a/dzUYZ3vL (due 10/13 2PM)

Lecture 7 (10/11)

Colors and color vision; trichromatic theory; opponent process theory; color channels; color coding information. Color models. Emphasis and highlighting; color sequences, semantics of color. D3 color generators; D3 layouts. #fall21-dsci-554-lectures

Lab 7 (10/13)

D3 colors and complex graphs. #fall21-dsci-554-a7

Readings

Ware Chapter 4
Murray Chapter 11 & 13
Harrower, Mark, and Cynthia A. Brewer. "ColorBrewer. org: an online tool for selecting colour schemes for maps." The Cartographic Journal (2013).

Assignments

A7: https://classroom.github.com/a/FK7zvJYS (due 10/20, 2PM)

Lecture 8 (10/18)

Depth perception and cue theory: different ways to perceive depth. 2.5D design; showing data in maps; map layers; map projections; working with geospatial data. #fall21-dsci-554-lectures

Lab 8 (10/20)

Maps. #fall21-dsci-554-a8

Readings

Ware Chapter 5
Murray Chapter 13
Command-Line Cartography, Part 1-4, Mike Bostock

Assignments

A8: https://classroom.github.com/a/tOoCb8su (due 10/27, 2PM)

Lecture 9 (10/25)

Statistics and statistical graphics. Python and R basics and major graphing libraries, notebooks. Part I. #fall21-dsci-554-lectures

Lab 9 (10/27)

Graphing in notebooks. #fall21-dsci-554-a9

Readings

A (very) short introduction to R, Paul Torfs & Claudia Brauer
Wickham, Hadley, "ggplot2", Wiley Interdisciplinary Reviews: Computational Statistics, 2011.
From Welcome To Colaboratory:
- Overview of Colaboratory
- Charts: visualizing data
- Intro to Pandas

Assignments

A9: https://classroom.github.com/a/wwCygfts (due 11/3, 2PM)

Lab 9 (continued) (11/1)

Graphing in notebooks. #fall21-dsci-554-a9

Lab 9 (continued) (11/3)

Project repositories and project artifacts, graphing with notebooks.

Readings

Ware Ch. 6,7
Cairo Part III, Chapter 8 & 9

Assignments

Work on projects #fall21-dsci-554-project (due 12/3, 5PM)

Lecture 10 (11/8)

Patterns, memory, visual encodings, semiology and Gestalt. #fall21-dsci-554-lectures

Lab 10 (11/15)

Creating the final project presentation. Writing a paper for the final project. Project progress, resolving technical issues. #fall21-dsci-554-project

Assignments

Work on projects #fall21-dsci-554-project (due 12/3, 5PM)

Lecture 11 (11/15)

3D visualizations. #fall21-dsci-554-lectures

Lecture 12 (11/15)

Study guide. #fall21-dsci-554-lectures

Lab 11 (11/15)

Writing a paper for the final project. Resolving technical issues. #fall21-dsci-554-project

Readings

ATOM: A Grammar for Unit Visualizations
three.js Creating a scene
three.js examples
VTK.js examples
Deck.gl examples
Cairo Part IV Profiles 1 to 10
Murray Chapter 16 Project Walk-Through & A. Case Studies

Assignments

Work on projects (due 12/3, 5PM)

Lab 13 (11/22)

Lab on projects #fall21-dsci-554-project

Assignments

Work on projects (due 12/3, 5PM)

Lab 14 (11/29)

Lab on projects. Final projects feedback. #fall21-dsci-554-project

Project presentations (12/1)

Assignments

Project (due 12/3, 5PM)

DSCI 554: Data Visualization (Fall 2021)

Instructor

Assistant

Assistant

Assistant

Textbooks

Schedule

WEEK: 1 2 3 4 5 6 7 8 9 10 11 12 13 14

Lecture 1 (8/23)

Lab 1 (8/25)

Readings

Assignments

Lecture 2 (8/30)

Lab 2 (9/1)

Readings

Assignments

Lecture 3 (9/8)

Readings

Assignments

Lab 3 (9/13)

Lecture 4 (9/15)

Readings

Assignments

Lab 4 (9/20)

Lecture 5 (9/22)

Readings

Assignments

Lab 5 (9/27)

Lab X (9/29)

Readings

Assignments

Lecture 6 (10/4)

Lab 6 (10/6)

Readings

Assignments

Lecture 7 (10/11)

Lab 7 (10/13)

Readings

Assignments

Lecture 8 (10/18)

Lab 8 (10/20)

Readings

Assignments

Lecture 9 (10/25)

Lab 9 (10/27)

Readings

Assignments

Lab 9 (continued) (11/1)

Lab 9 (continued) (11/3)

Readings

Assignments

Lecture 10 (11/8)

Lab 10 (11/15)

Assignments

Lecture 11 (11/15)

Lecture 12 (11/15)

Lab 11 (11/15)

Readings

Assignments

Lab 13 (11/22)

Assignments

Lab 14 (11/29)

Project presentations (12/1)

Assignments

Final examination -- Friday, December 10, 2-4 p.m.