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 (38 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

  • salesforce-seeklogo.com.svgintuit-seeklogo.com.svgAdobe.svgDisney.svgheroku-seeklogo.com.svgAT_and_T.svgvmware-seeklogo.com.svgmicrosoft-seeklogo.com.svgamazon-seeklogo.com.svg

Sample Course Lessons

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

What Students are Saying

        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.00 off
        Fullstack D3 Masterclass
        • Discord Community Access
        • Full Transcripts
        • Money Back Guarantee

        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