Master D3 From the Ground Up

Learn how to build unique and interactive visualizations from scratch

Data visualization on your terms

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.

Want to try it out?

If you’re curious about what a lesson looks like, let me know and i’ll send you one for free.

The course is made up of 3 modules
Core Concepts

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

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

Make sure you have a strong grasp of the library. We’ll look at selections, data-joins, transitions, scales, axis, and more. We wrap up by using 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
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

Learning D3 is well worth the cost. Philip does a great job not only teaching you the basics of D3, but also explaining what each method you use does and why it needs to be used in that way. — Chuck Grimmett


Enroll for as long as you need access to the course. You can cancel whenever you want and keep access for the remainder of the billing period.

Is the course D3.js 4.0 ready?

Yes. All the lessons use the D3.js 4.0 API.

How long does the course take to finish?

The course is self paced. Lessons are generally under 10 minutes, but the length of time it takes to complete them will vary.

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 hate the course?

I would be sad, but you can let me know within 7 days of purchase and i'll give you a refund.

What is D3.js?

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