Over the course of the term we will slowly populate this schedule with slides, readings, and activities. These pages are mirrored from the course GitHub repository to a GitHub page using a submodule. For helpful links, refer back to the course home page.
We will engage in a number of different classroom activities throughout the term. Please refer to this legend:
| In-person lecture day: | In-person coding day: | Remote-only activity day: |
| Week 1 | Introduction | |||||
| 21-Aug | Introduction | Slides | Recording | |||
| 23-Aug | Javascript (coerced into a snafu) | Prompt | Notes | Recording | Optional Git tutorial | HW1 assigned |
| 25-Aug | JS Events & Functions | Prompt | Notes | Recording | Optional web server / code editing tutorial | |
| Week 2 | Visual Channels | |||||
| 28-Aug | Intro to SVG | Prompt | Notes | No recording | ||
| 30-Aug | Intro to d3 | Prompt | Notes | Recording | HW2 assigned, HW1 due |
|
| 1-Sep | Visual Channels | Slides | Recording | |||
| Week 3 | Hello, Chart | |||||
| 4-Sep | -No class- | |||||
| 6-Sep | d3 simple bar chart (scales in d3) | Prompt | Notes | Recording | HW3 assigned, HW2 due |
|
| 8-Sep | Brief history of datavis | Slides | Recording | |||
| Week 4 | Scatterplots | |||||
| 11-Sep | d3 basic scatterplot (importing data) | Bad projector day! | ||||
| 13-Sep | d3 basic scatterplot (continued) | Prompt | Notes | Recording | HW4 assigned HW3 due |
|
| 15-Sep | Color theory + models | Slides | Recording | Project 1 assigned | ||
| Week 5 | Joins and Shapes | |||||
| 18-Sep | Color theory + models pt. 2 | Slides | Recording | HW5 assigned | ||
| 20-Sep | d3 joins (old & new style) | Prompt | Notes | Recording | HW4 due | |
| 22-Sep | Activity - Visualization Brainstorming | Instructions | Zoom Link | |||
| Week 6 | Advanced Joins | |||||
| 25-Sep | d3 line plots | Prompt | Notes | Recording | ||
| 27-Sep | d3 interactive bar chart | Prompt | Notes | Rec. 1 2 | HW6 assigned HW5 due |
|
| 29-Sep | Geographic visualizations | Slides | Recording | Survey | ||
| Week 7 | Geo Data | |||||
| 2-Oct | d3 choropleth (hooray geoJSON) | |||||
| 4-Oct | d3 choropleth (adding data) | HW6 due | ||||
| 5-Oct | Project 1 due 11:59pm | |||||
| 6-Oct | Activity - Project Critique | |||||
| Week 8 | Choropleth Maps cont'd | |||||
| 9-Oct | -No class- | |||||
| 11-Oct | d3 choropleth (dots and contours) | |||||
| 13-Oct | Human-Visualization Interaction | |||||
| Week 9 | Adding Interactivity | |||||
| 16-Oct | d3 pan+zoom | HW7 assigned | ||||
| 18-Oct | d3 multitouch | Project 2 assigned | ||||
| 20-Oct | Network Layouts | |||||
| Week 10 | Network Diagrams | |||||
| 23-Oct | d3 emergent layout (bubbleplots) | HW8 assigned | ||||
| 25-Oct | d3 network layouts | HW7 due | ||||
| 27-Oct | Activity - Interaction Brainstorm | |||||
| Week 11 | Recreating Homefinder | |||||
| 30-Oct | client/server patterns | |||||
| 1-Nov | d3 homefinder (query manip) | HW9 assigned HW8 due |
||||
| 3-Nov | Visual Perception | |||||
| Week 12 | Homefinder cont'd | |||||
| 6-Nov | d3 homefinder (direct manip) | |||||
| 8-Nov | d3 density vis (contour, density) | HW9 due | ||||
| 10-Nov | Activity - Project Critique | |||||
| Week 13 | Drawing without SVG | |||||
| 13-Nov | d3 raster vis | HW10 assigned, Project 3 assigned |
||||
| 14-Nov | Project 2 due | |||||
| 15-Nov | d3 raster interactivity | |||||
| 17-Nov | 3D d3 day (a.k.a. 3-don't) | |||||
| Week 14 | Animation Principles | |||||
| 20-Nov | Animations & narrative | HW10 due | ||||
| 22-Nov | -No class- | |||||
| 24-Nov | -No class- | |||||
| Week 15 | Challenging Visualizations / Make-up days | |||||
| 27-Nov | d3 chord diagrams | |||||
| 29-Nov | d3 text vis | |||||
| 1-Dec | Activity - Designing Under Constraints | |||||
| Week 16 | Wrap up | |||||
| 4-Dec | Physicalization & Access | |||||
| 5-Dec | INFO/CS 3300 Final Exam released by end of day | |||||
| Final Exam/Project Submission | ||||||
| For students in INFO/CS 3300 | Final take-home exam | Due date TBD by registrar | ||||
| For students in INFO 5100 | Complete Project 3 | Due date TBD by registrar | ||||