Core Coursework
(take these in order)
- +
Editor's Notes
D3.js lets you use your JavaScript abilities and turn data into visualizations that tell a story about your data. Note that if you use React, you might want to start with the D3.js for React Developers course. Introduction to D3.js
Build custom charts with D3.js using data binding with the enter-update-exit pattern. You'll learn scales and to animate between different D3 layouts for building truly interactive charts.- +
Editor's Notes
This custom data visualization course walks you through the entire process, from start to design to developing a visualization from scratch. Building Custom Data Visualizations
Learn the visualization principles and process for building custom advanced data visualizations with D3.js and SVG with Shirley Wu.
Elective Coursework
Data Visualization for React Developers
Learn the best practices on how to use D3.js to generate the data for these visualizations, and how to use React to render them.SVG Essentials & Animation, v2
Build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!Creative Coding with Canvas & WebGL
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 like games, advertising, and installation artwork.Advanced Creative Coding with WebGL & Shaders
Learn ThreeJS to create 3D scenes for websites across desktop and mobile with WebGL, and apply textures and lighting effects with GLSL shaders.