Data Intermediate Self-paced

Data visualization with D3

Build charts that explain — from a single axis to a small-multiples dashboard with accessible tooltips.

Duration
22 hours
Modules
2
Lessons
6
Format
Self-paced

What this course is about

A self-paced course for engineers and designers who want to build custom visualizations that work for real users. We use D3 for what it is good at (scales, axes, generators) and combine it with modern DOM and accessibility patterns. By the end you ship an accessible interactive chart.

What you leave with

  • Ship an accessible interactive chart
  • Patterns for tooltips that work with keyboard and touch
  • A reusable small-multiples template

Skills you practice

D3 scalesSVG accessibilityTooltipsResponsive charts

Prerequisites

  • JavaScript (ES2020)
  • Basic SVG

Time by module

Minutes per module. Hover or focus a bar for the exact count. M1 is the first module in the syllabus.

Minutes per module for Data visualization with D3
CategoryMinutes
M165
M267