Profile PictureLearning D3.js

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

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

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.

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

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

Add to cart

You'll get the entire course for a one time payment.

Copy product URL

Learning D3.js

Add to cart