Edit product


Learning D3.js

Build data visualizations from scratch with D3.js

D3 is the most flexible library for creating data visualizations. It’s in a class of its own. If you want to understand the D3 library, and build awesome data visualizations, this course is for you. It’s a concise and comprehensive guide to learning D3.

If you are just getting started I have lessons on the basics (HTML/JS/CSS/SVG and Design Principles) to help you build a solid foundation.

If you already know D3, this course will help you level up your game. There are techniques for making your visualizations performant, responsive, reusable, and interactive.

If you know enough to copy and paste examples, but not enough to create visualizations from scratch, you’ll get a lot out of this course.

This course is made up of three modules, each with a collection of lessons.

1. Core Concepts

Nail the building blocks of D3. We’ll cover just enough HTML, CSS, Javascript, and SVG so that you’re comfortable. We’ll also learn design principles for our visualizations.

  • Environment Setup
  • Powered by the Web
  • HTML
  • CSS
  • Javascript
  • SVG
  • Design Principles

2. Understanding D3

Make sure you have a strong grasp of the library. We’ll look at selections, data-joins, transitions, scales, and more. We'll use the material covered to build a visualization from scratch.

  • Library Overview
  • Selections
  • Data Joins
  • Selection Methods
  • Enter, Update, Exit
  • Transitions
  • Scales
  • Axis
  • Building a Bar Chart

3. Advanced Techniques

Take your skill set to the next level. This module gives techniques to make your visualizations responsive, performant, reusable, and much more. We’ll wrap up by creating an interactive dashboard.

  • Responsive Visualizations
  • Data Operations
  • Geo Visualizations
  • Reusable Visualizations
  • Interactive Dashboards
  • Optimizing for Performance

What is D3.js?

D3.js is a javascript library that lets you build interactive visualizations with extreme flexibility.

Is this course up to date?

Most of the course content is evergreen. The course was recorded using D3.js 4.x. If you are using a later version there will be a few api differences.

Can I take the course if I don't know JavaScript?

Yes! I include a lesson that covers the basics of javascript in the core concepts module.

What if I don't like the course?

If you're not happy with the course, let me know within 7 days of purchase and i'll give you a refund.

You've purchased this product

See it in your library

View in Library
Sorry, this item is not available in your location.
Sold out, please go back and pick another option.
  • You'll get the entire course for a one time payment.


Learning D3.js

Enter your info to complete your purchase


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$99.

Your purchase was successful!

We charged your card and sent you a receipt

    Gumroad Library

    Download from the App Store or text yourself a link to the app

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad