Introduction to Data Visualization for the Web

MAY 2023


This is a selection of core course content for INFO474: Introduction to Data Visualization for the Web, a project based course I taught during 2021 and 2022 at the University of Washington. The structure and pacing of the course owes a debt to Jeff Heer's course for the CS department, from which the course was adapted with permission and which is available online here:

Textbooks & Core Resources

The Visual Display of Quantitative Information

Envisioning Information

History of Information Graphics

Visualization Analysis & Design

This website's collection of interactive tools:

Tamara Munzner's Lectures from IEEE 2021 is extensive and covers most of her landmark book Visualization Analysis & Design.

The history of data visualization

Minimalism & Graphical Excellence

Maps moving in time: a standard of excellence for data displays

The Science of Visual Data Communication: What Works

Data looks better naked series from Darkhorse Analytics

Design & Redesign


Communicating with interactive articles —

Reinventing explanation by Michael Nielsen

GPS by Bartosz Ciechanowski

Frontend Development

Overview: Frontend Handbook

Learn JS: Eloquent Javascript

Learn TypeScript: Codecademy TypeScript

Learn React: ReactJS crash course

Learn Recoil for client side state management: Learn RecoilJS in 10 minutes

Working with layouts, fonts and CSS: Web Design in 4 Minutes

Visualization utilities (scales, CSV parsers): Learn D3 — Wattenberger

Handling data in JS: Learn JS Data & Observable

React based visualization library: AirBnB VisX && blog post

UI Framework for data dense applications: BlueprintJS

Build system and application bootstrap: Vite.js

Host: How to deploy React Apps in less than 30 Seconds

Exploratory Data Analysis

A Gentle Introduction to Exploratory Data Analysis

Visualizing Distributions

Perception, attention and cognition


The best primers on the role of interactivity in visualization and complex applications, both in terms of philosophy and practice, are from Brett Victor's seminal writing and talks.

Magic InkPDF

Up and Down the Ladder of Abstraction: A Systematic Approach to Interactive Visualization"This is simply one of the best guides I've seen to anything...ever."

Explorable Explanations


Also see Nicky Case's explorers, aggregated with many others at: Explorable Explanations

Machine learning

5th Workshop on Visualization for AI Explainability

This website's collection of interactive tools:


Your friendly guide to color in data visualization

Make grey your best friend

© 2023 Colin Megill