Syllabus | Videos | Code | Slides | Canvas
All code is MIT Licensed, and all other content is Creative Commons Attribution Licensed.
Feel free to use any of this material for your own teaching or work!
If you appreciate my work and this free content, please consider backing this Kickstarter campaign for VizHub 2.0 as a way to say "thank you". Thank you!
If you prefer a single 13-hour video, check out this compilation video from FreeCodeCamp, which contains the exact same video content as the links below.
- Data Visualization 2018 Course Overview - YouTube (8 min)
- Slides for Data Visualization 2018 Course Overview - Google Drive
- Data Visualization Online @ WPI 2018 - Medium - Contains links to examples shown.
- Intro to Javascript in 2018 - YouTube (1.5 hours)
- Intro to HTML, CSS & SVG - YouTube (35 min)
- Intro to D3.js - Let's Make a Face! - YouTube (45 min)
- Why Visualize Data? - YouTube (12 min)
- Inputs for Data Visualization - YouTube (15 min)
- Making a Bar Chart with D3 & SVG - YouTube (30 min)
- Uploading Datasets to VizHub - YouTube (7 min)
- Customizing Axes of a Bar Chart with D3.js - YouTube (26 min)
- Making a Scatter Plot with D3.js - YouTube (25 min)
- Making Line and Area Charts with D3.js - YouTube (30 min)
- The General Update Pattern of D3.js - YouTube (1 hour)
- Marks & Channels in Data Visualization - YouTube (25 min)
- Interaction with Unidirectional Data Flow - YouTube (16 min)
- Making a World Map with D3 - YouTube (18 min)
- Cheap Tricks for Interaction on a D3.js World Map - YouTube (23 min)
- Blank Canvas - YouTube (5 min)
- Building a Tree Visualization of World Countries - YouTube (35 min)
- Using Color in Visualization - YouTube (17 min)
- Color and Size Legends with D3.js - YouTube (30 min)
- Choropleth Map with D3.js - YouTube (32 min)
- Interactive Filtering on a Choropleth Map - YouTube (45 min)