CPSC 271 Schedule

Reading is to be done for the class period where it is listed.

Dates for things in light gray are for planning purposes and may be adjusted slightly.

		Assignments
Week 1: 1/23-1/27 Topics: course introduction; the power of representation and the perils of misrepresentation; web concepts: HTML, CSS, DOM

Mon	Materials from class: slides: course introduction	introductory survey (on Canvas, under "Quizzes") due Fri 1/27

Wed	Reading: Tufte. Visual Explanations, chapter 2. [on reserve and in the "readings" module on Canvas - note the chapter is split into two parts (read both!)] Materials from class: slides: representation and misrepresentation

Fri	bring laptop today! Reading: Getting started with HTML What is CSS? and Getting started with CSS Additional class preparation: install Visual Studio Code (free download, available for Windows/Mac/Linux - system requirements) watch the video Getting started with Visual Studio Code and install the Live Preview extension shown	homework 1 Software Setup, HTML and CSS due Wed 2/1
Week 2: 1/30-2/3 Topics: web programming: JavaScript basics, DOM manipulation; grammar of graphics, data

Mon	bring laptop today! Reading: JavaScript basics DOM and selections (updated 1/31 to streamline syntax) Materials from class: examples: starting hw2 (click the link, then View Source in your browser - with Firefox, right click and choose View Page Source)	homework 2 D3 Selections and DOM Manipulation due Wed 2/8

Wed	Materials from class: slides: data

Fri	Reading: JavaScript arrays, objects, promises loading data (file formats, parsing files)	homework 3 Loading Data due Wed 2/8
Week 3: 2/6-2/10 Topics: data transformations; visual structures; JavaScript/D3: manipulating data

Mon	Materials from class: slides: data transformations

Wed	Materials from class: slides: visual structures

Fri	bring laptop today! Reading: manipulating data (JavaScript and D3 functions for working with arrays and other iterables) [updated 2/9 with additional examples] Materials from class: slides: comments on hw2	homework 4 Manipulating Data due Fri 2/17
Week 4: 2/13-2/17 Topics: matching visual structures to data; D3: data joins

Mon	Reading: Cleveland, McGill. "Graphical perception and Graphical Methods for Analyzing Scientific Data", Science, New Series, vol. 229, no. 4716 (Aug. 30, 1985), pp. 828-833. [in the "readings" module on Canvas] The last section ("Graphical Methods") is optional. Materials from class: slides: matching marks to data (visual perception)		Journal: in "journal" module on Canvas due Mon 2/20

Wed	Reading: Tufte. Envisioning Information, pages 81-96. [on reserve] Rogowitz, Treinish. "Data Visualization: The End of the Rainbow" [link] Materials from class: slides: matching marks to data (perception of color)		Journal: in "journal" module on Canvas due Wed 2/22

Fri	bring laptop today! Reading: data-driven documents (data joins) JavaScript syntax: template literals dates and times Materials from class: slides: comments on hw3	homework 5 Data Joins due Fri 2/24
Week 5: 2/20-2/24 Topics: the display of multivariate data; D3: scatterplot

Mon	Materials from class: slides: matching marks to data (graphical perception takeaways, meaning, use of marks, scales) Supplemental reading: The Science of Pie Charts (video)

Wed	bring laptop today! Reading: if you have time to look at anything before class, start with the Hello, Scatterplot! example Hello, Scatterplot! (scatterplot example, template for visualizations) [updated 2/24] SVG [updated 2/24] scales (scales and color schemes) [updated 3/14] color

Fri	bring laptop today! Reading: Hello, Scatterplot! (scatterplot example, template for visualizations) SVG [updated 3/3] axes, titles, and legends	homework 6 Scatterplot due Fri 3/3
Week 6: 2/27-3/3 Topics: the display of multivariate data

Mon	Reading: Tufte. The Visual Display of Quantitative Information, "Data-Ink Maximization and Graphical Design", pages 123-137. [on reserve] Tufte. The Visual Display of Quantitative Information, "Aesthetics and Technique in Data Graphical Design", pages 177-190. [on reserve] Materials from class: slides: comments on hw4 slides: the display of multivariate data (relationship, comparison) [updated 3/1]

Wed	Reading: Tufte. Envisioning Information, "Narratives of Space and Time", pages 97-119. [on reserve] Stephen Few. "Graph Designs for Reviewing Transactions and the Changing Balance". [link] Stephen Few. "Graph Designs for Rapidly Assessing Budget Performance". [link] Materials from class: slides: the display of multivariate data (comparison)		Journal: in "journal" module on Canvas due Wed 3/8

Fri	bring laptop today! Reading: SVG marks [updated 3/6]	homework 7 Marks due Fri 3/10
Week 7: 3/6-3/10 Topics: the display of multivariate data

Mon	Reading: Tufte. The Visual Display of Quantitative Information, "Data-Ink and Graphical Redesign", pages 91-105. [on reserve] Tufte. The Visual Display of Quantitative Information, "Chartjunk: Vibrations, Grids, and Ducks", pages 106-121. [on reserve] Materials from class: slides: comments on hw5 slides: the display of multivariate data (distribution, composition)		Journal: in "journal" module on Canvas due Mon 3/13

Wed	Materials from class: slides: the display of multivariate data (composition, location)

Fri	bring laptop today! Reading: time (parsing, formatting, time intervals, time scales and axes) radial lines and areas geographic maps JavaScript arrays, associative arrays, and `Map` Materials from class: slides: comments on hw6	homework 8 Time and Space part I due Fri 3/17 part II due Fri 3/31
Week 8: 3/13-3/17 Topics: truthfulness; graphical excellence; designing visualizations

Mon	Reading: Tufte. The Visual Display of Quantitative Information, "Graphical Integrity", pages 53-77. [on reserve] Materials from class: slides: the display of multivariate information (location)

Wed	Reading: Tufte. The Visual Display of Quantitative Information, "Graphical Excellence", pages 13-52. [on reserve] Materials from class: slides: graphical integrity and excellence		Journal: in "journal" module on Canvas due Wed 3/29

Fri	bring laptop today! Reading: groups and stacks (grouped bar charts, stacked bar charts, stacked area charts)	homework 9 Groups and Stacks due Fri 3/31
Spring Break: 3/20-3/24
Week 9: 3/27-3/31 Topics: the display of multivariate data (3+ variables); time series

Mon	Reading: Tufte. The Visual Display of Quantitative Information, "Small Multiples", pages 170-174. [on reserve] - complete by Mon if you can, otherwise read by Wed Materials from class: slides: comments on homework 7 slides: the display of multivariate data (time, space and time, 3+ variables)		Journal: in "journal" module on Canvas due Mon 4/3

Wed	Materials from class: slides: the display of multivariate data (3+ variables)

Fri	bring laptop today! Reading: custom visualizations and small multiples (parallel coordinates, star plots)	homework 10 Custom Vis and Small Multiples due Fri 4/7
Week 10: 4/3-4/7 Topics: the display of relationships

Mon	Materials from class: slides: the display of relationships (graph data, networks)

Wed	Materials from class: slides: the display of relationships (hierarchies - trees)

Fri	bring laptop today! Reading: force layouts hierarchical layouts	homework 11 Networks and Hierarchies due Fri 4/14 (updated 4/9)	Visualization Blog: in "journal" module on Canvas due Fri 4/7
Week 11: 4/10-4/14 Topics: interaction

Mon	Materials from class: slides: interaction		Project: topic due Mon 4/10

Wed	Materials from class: slides: interaction

Fri	bring laptop today! Reading: events and hover effects picking (updated 4/17) brushing, linking, and dynamic queries	homework 12 Interaction due Fri 4/28	Project: data acquisition and wrangling due Fri 4/14
Week 12: 4/17-4/21 Topics: visualizing text and documents

Mon	Materials from class: slides: visualizing text

Wed	Materials from class: slides: visualizing text (comparing documents, corpora)

Fri	bring laptop today!		Visualization Blog: in "journal" module on Canvas due Fri 4/21
Week 13: 4/24-4/28 Topics: visualizing text and documents

Mon	Materials from class: slides: visualizing text (comparing documents, corpora; more unusual visualizations)

Wed	bring laptop today!		quiz - data (in "quizzes" on Canvas) due Thu 5/11

Fri	bring laptop today!		quiz - representation quiz - perception (in "quizzes" on Canvas) due Thu 5/11
Week 14: 5/1-5/5 Topics: ethics

Mon	bring laptop today!

Wed	Reading: blog post: "Visualization is Growing Up" (R. Kosara, 2011) introduction and paper: "Ethical Infographics" (A. Cairo, 2014) podcast episode: "Florence Nightingale: Data Viz Pioneer" (99% Invisible, 2021) [transcript, Nightingale's rose diagram, bar chart version] editorial: "Big data visualization: promises & pitfalls" (K. Hepworth, 2017) [citation] paper: "Ethical Dimensions of Visualization Research" (M. Correll, 2018) [citation] Materials from class: slides: ethics of data visualization		Journal: in "journal" module on Canvas due Thu 5/11
Wed			quiz - graphical properties, marks, and scales quiz - graphical integrity and excellence (in "quizzes" on Canvas) due Thu 5/11

Fri	bring laptop today!		Visualization Blog: in "journal" module on Canvas due Fri 5/5
Reading Period: 5/6-5/8

Sat

Sun

Mon	office hours 12:30-2:30pm
Final Exams: 5/9-5/12

Tue	office hours 11:30-1:30pm

Wed	office hours 11:30-1:30pm

Thu	Project: presentations in class 7-10pm	end-of-semester deadline no work accepted after 5/11 10pm	Project: report due Thu 5/11 7pm

Fri

CPSC 271 Schedule

Week 1: 1/23-1/27

Week 2: 1/30-2/3

Week 3: 2/6-2/10

Week 4: 2/13-2/17

Week 5: 2/20-2/24

Week 6: 2/27-3/3

Week 7: 3/6-3/10

Week 8: 3/13-3/17

Spring Break: 3/20-3/24

Week 9: 3/27-3/31

Week 10: 4/3-4/7

Week 11: 4/10-4/14

Week 12: 4/17-4/21

Week 13: 4/24-4/28

Week 14: 5/1-5/5

Reading Period: 5/6-5/8

Final Exams: 5/9-5/12