Learning D3.js Logo
Learning
D3.js
Purchase

Build Data Visualizations 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.

Watch a sample lesson

Course Lessons

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
  • Intro to Web Technologies
  • 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, 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

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

Pricing

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

One Time Payment
Source Files Included
Download or Stream HD Videos

$200

$99

Get the Course

FAQ

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.

Have a different question? Let me know

Ready to get started?

Get the Course