Fullstack D3 Masterclass

The Fullstack D3 masterclass is the complete guide to D3. With dozens of code examples showing each step, you will gain new insights into your data by creating visualizations in this self-paced online course.

  • 4.3 / 5 (31 ratings)
  • Published
  • Updated
On demand video

10 hrs 51 mins

Video Lessons

77 Videos

Course Instructor
How The Course Works


You can take the course from anywhere in the world, as long as you have a computer and an internet connection.


Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.


Join a vibrant community of other students who are also learning with Fullstack D3 Masterclass. Ask questions, get feedback and collaborate with others to take your skills to the next level.


Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.

Course Overview

What you will learn
  • How to build your first D3 chart

  • Importance of information design

  • How to integrate D3 with Angular

  • When to use D3 - and when not to

  • How to animate and add interactions

  • How to create any visualization you can imagine

Charts communicate ideas with simplicity, clarity, and detail.

Once you're comfortable with D3 you can quickly:

  • understand key metrics at a glance
  • catch anomalies (before they turn into problems)
  • give key insights to your customers
  • and impress your boss and co-workers

Today, I will show you the exact methods I use to create beautiful, understandable data visualizations using D3.

Our students work at

Course Syllabus and Content

Module 1

Making Your First Chart

12 Lessons 55 Minutes

Module 2

Making a Scatterplot

11 Lessons 54 Minutes

Module 3

Making a Bar Chart

11 Lessons1 Hours 13 Minutes

Module 4

Animations and Transitions

6 Lessons 51 Minutes

Module 5


7 Lessons1 Hours 19 Minutes

Module 6

Data Visualization Basics

10 Lessons 49 Minutes

Module 7

Advanced example

12 Lessons2 Hours 15 Minutes

Module 8

D3 + Javascript Frameworks

12 Lessons1 Hours 12 Minutes

Module 9


5 Lessons1 Hours 18 Minutes

Meet the Course Instructor

Amelia Wattenberger

Amelia Wattenberger

👋 Hey! I'm Amelia, the author of this course. I'm a front-end developer at The Pudding

Over the past ten years that I've been visualizing data, I've been perfecting my method and collecting helpful tricks. I'm here to jump-start your own journey!

In Fullstack D3 and Data Visualization, I distill my hard-earned knowledge into bite-sized lessons.

We'll start making charts right away, and learn new concepts and design theory as we go.

Purchase the course today

One-Time Purchase

Get lifetime access to this course

$299$499$200 off
Fullstack D3 Masterclass
  • Discord Community Access
  • Full Transcripts
  • Money Back Guarantee

newline Pro Subscription


Get unlimited access to the course, plus 60+ newline books, guides and courses. Learn More

Fullstack D3 Masterclass

Charged monthly. Free to cancel anytime

  • Discord Community Access
  • Full Transcripts
  • Money Back Guarantee


  • Unlimited access to 60+ newline Books, Guides and Courses
  • Interactive, Live Project Demos for Every newline Book, Guide and Course
  • Complete Project Source Code for Every newline Book, Guide and Course
  • Best Value 🏆
Error: Can't find product newline-basic-subscription-monthly. Please contact [email protected]

Frequently Asked Questions

Who is this course for?

If you know JavaScript and you need to build dashboards and you'd like to learn D3 as quickly and efficiently as possible.

What if I need help?

You can ask us questions anytime through the community Discord channel or by sending us a message.

Fullstack D3 Masterclass