Data Visualization with D3.js Learning PathCreate Interactive Data Visualizations with D3.js
Leverage your web development skills and use D3.js to make your pages come to life with rich, interactive data visualizations!
Core Coursework
Data Visualization First Steps
![Anjana Vakil](https://static.frontendmasters.com/assets/teachers/vakil/thumb.webp)
Friendly, high-level intro to basic concepts of data visualization using Observable plot.
![Data Visualization First Steps](https://static.frontendmasters.com/assets/courses/2022-06-07-data-visualization/thumb.webp)
Introduction to D3.js
![Shirley Wu](https://static.frontendmasters.com/assets/teachers/wu/thumb.webp)
Shirley Wu
Build custom charts with D3.js using data binding with the enter-update-exit pattern. Learn scales and animation between different D3 layouts.
![Introduction to D3.js](https://static.frontendmasters.com/assets/courses/2020-09-25-d3/thumb.webp)
Building Custom Data Visualizations
![Shirley Wu](https://static.frontendmasters.com/assets/teachers/wu/thumb.webp)
Shirley Wu
Learn visualization principles and process for building custom advanced data visualizations with D3.js and SVG with Shirley Wu.
![Building Custom Data Visualizations](https://static.frontendmasters.com/assets/courses/2018-09-11-d3-js-custom-charts/thumb.webp)
Elective Coursework
SVG Essentials & Animation, v2
![Sarah Drasner](https://static.frontendmasters.com/assets/teachers/drasner/thumb.webp)
Sarah Drasner
Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!
![SVG Essentials & Animation, v2](https://static.frontendmasters.com/assets/courses/2019-01-14-svg-essentials-animation/thumb.webp)
Creative Coding with Canvas & WebGL
![Matt DesLauriers](https://static.frontendmasters.com/assets/teachers/deslauriers/thumb.webp)
Matt DesLauriers
You'll learn about generative art, interactive animations, 3D graphics with ThreeJS, and custom shaders in GLSL. Apply creative coding skills to real-world jobs.
![Creative Coding with Canvas & WebGL](https://static.frontendmasters.com/assets/courses/2018-12-11-canvas-webgl/thumb.webp)
Advanced Creative Coding with WebGL & Shaders
![Matt DesLauriers](https://static.frontendmasters.com/assets/teachers/deslauriers/thumb.webp)
Matt DesLauriers
Go deeper into creative coding and 3D graphics programming using WebGL, ThreeJS, and GLSL. In this course, you'll learn 3D vectors and shader effects.
![Advanced Creative Coding with WebGL & Shaders](https://static.frontendmasters.com/assets/courses/2020-04-21-webgl-shaders/thumb.webp)
Web Audio Synthesis & Visualization
![Matt DesLauriers](https://static.frontendmasters.com/assets/teachers/deslauriers/thumb.webp)
Matt DesLauriers
Learn to create sounds using nothing but code! Synthesize and visualize audio, and add fun effects with JavaScript. Use these skills to build audio into games, web applications, or even art projects in the browser.
![Web Audio Synthesis & Visualization](https://static.frontendmasters.com/assets/courses/2021-12-07-web-audio/thumb.webp)
Data Visualization for React Developers
![Shirley Wu](https://static.frontendmasters.com/assets/teachers/wu/thumb.webp)
Shirley Wu
Learn the best practices on how to use D3.js and React to generate the data for these visualizations, and how to use React to render them.
![Data Visualization for React Developers](https://static.frontendmasters.com/assets/courses/2018-09-10-d3-js-react/thumb.webp)
A Tour of Web Capabilities
![Maximiliano Firtman](https://static.frontendmasters.com/assets/teachers/firtman/thumb.webp)
Maximiliano Firtman
Explore what is possible with new Web APIs! Browsers can do so much now, including speech recognition, geolocation, OS integration, face detection, augmented reality, and reading from sensors, external hardware, and devices!
![A Tour of Web Capabilities](https://static.frontendmasters.com/assets/courses/2023-07-11-device-web-apis/thumb.webp)
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops