Last Updated: June 10, 2019

D3 stands for Data-Driven Documents and is a JavaScript library used for data visualization. D3.js combines with HTML, SVG, and CSS to bring your data to life. D3 allows you to bind data to the DOM (Document Object Model) and is very fast with minimal overhead. D3.js is the most popular JavaScript framework for data visualizations. It has become a standard go-to library for charting and has been around for a while. It has no signs of going away anytime soon. D3.js can be used with pretty much any other JavaScript framework, and yes that means even ReactJS! Data visualization is a hot topic and combine that with your existing knowledge of React and JavaScript will only make you a more in-demand developer. Here's a list of the best D3.js resources, including the best D3.js tutorials, best D3.js books & best D3.js courses to get started with learning D3.js in 2019.

What is the Best D3js Tutorial?


Mastering data visualization in D3.js

The most popular Xamarin tutorial with

  almost 7,500 students and 7 hours of video! You will learn D3js fundamentals and move onto mastering advanced D3js tools.  


Build Data Visualizations with D3.js & Firebase

The most comprehensive D3js tutorial with 10.5 hours of video! You will learn all about D3js and Firebase from scratch!  This is a project-based D3js course.


Learn and Understand D3.js for Data Visualization

 Take a D3 deep dive with a run-time of 10 hours and almost 5,000 students! Updated for D3 version 5, you will learn everything you need about building visualizations with D3.

Best D3.js courses & tutorials 2019


Mastering data visualization in D3. js

Mastering data visualization in D3.js by Adam Janes is will help you get started with D3.js. All the fundamental D3.js topics and features are taught. You will learn to design and build beautiful D3.js data visualizations. This D3 course will help you master D3.js advanced tools, building choropleth maps, brushes, tooltips, and layouts. You will start of by gaining an understanding of D3.js fundamental building blocks.

You will learn D3 topics for a solid D3 foundation including:

  • Understand what SVGs are and how they work with D3.
  • Discover how D3 uses shapes with data.
  • Add scales, axes, and labels to visualizations.
  • Use D3 update pattern to shift SVG positions as your data changes.
  • Handle user interactions by adding events to the page.
  • Add legends, tooltips, and sliders.

Using D3.js programming, you will learn to build D3.js layouts including the following D3.js charts:

  • Line Charts
  • Area Charts
  • Stacked Area Charts
  • Pie Charts
  • Donut Charts
  • Wordclouds
  • Choropleth Maps
  • Node-Link Diagrams
  • Tree Diagrams
  • Treemaps
  • Circle Packs
  • Sunburst Plots

This D3.js online tutorial will teach you what SVGs are and how they can be used with D3.js. You will learn how to properly structure D3.js code. Adding legends, tooltips, and sliders to your visualizations will become second nature to you. D3.js sample code and D3.js examples will help you learn D3.js faster. Writing scales, axes, and labels to make some basic D3.js data viz will be shown. This D3.js online training will teach you will handle user interactions by adding events. This D3.js video course will teach you how to interpret open source code from the D3 community and use it in your own projects. By the end of this D3.js programming course, you will be able to develop D3.js web apps with multiple data visualizations.

This is one of the best D3js tutorials in 2019.


Learn and Understand D3. js for Data Visualization

Learn and Understand D3. js for Data Visualization by Luis Ramirez Jr will help you learn D3js. You will learn D3js core concepts and how to build stunning data visualizations. This is a comprehensive D3js tutorial with 10 hours of video content. You will understand selections to manipulate the DOM using D3. This D3 course will teach you how to create choropleth maps to display visual patterns on geographical locations. If you need to take one course to master D3js, this is it. By the end of this D3 tutorial, you will be comfortable using D3.

This D3js tutorial will help you:

  • Learn about D3 selections which are used to select and manipulate elements on your document.
  • Learn SVG basica to make better visualizations.
  • Learn Scales to properly display your data.
  • Build different types of graphs such as bar graphs, pie charts, scatter plots and even maps.
  • Add interactivity and animation.
  • Builds responsive graphs that work on any device.
  • Learn GeoJSON and how to build maps.
  • Use the latest version of D3. (version 5.x)

This is one of the best D3js tutorials for beginners in 2019.


Build Data Visualizations with D3. js & Firebase

Build Data Visualizations with D3.js & Firebase by Shaun Pelling will teach you how to use D3js (v5) & Firebase (Firestore) to create dynamic SVG data visualizations. You will learn D3 and Firebase from scratch. This D3js course will teach you to create data-driven visualizations. You will learn to store and retrieve data from a real-time database, Firebase’s Firestore. Using Firestone, you will learn to update data visualizations in real-time. This D3js video tutorial conatins 3 projects to help you master D3 and Firebase.


Data Visualize Data with D3. js The Easy Way

Data Visualize Data with D3.js The Easy Way by Infinite Skills is a beginners guide to learning how to use D3js to visualize data. You will start by learning the basics of D3. This easy to follow course will show you how to use D3 to make dynamic and interactive graphics. Creating a line chart and a scatter-plot data visualization. By the time you finish this D3js course, you will have developed a solid working knowledge of D3 and be able to build your own data visualizations easily.


Best D3.js books 2019




D3.js Quick Start Guide: Create amazing, interactive visualizations in the browser with JavaScript

D3.js Quick Start Guide: Create amazing, interactive visualizations in the browser with JavaScript by Matthew Huntington will help you learn D3 fast. You will build interactive graphs that are viewable in any web browser using JavaScript, D3.js, and SVG. This D3 book will start at D3js basics. You will learn to build:

  • Scatter plot
  • Bar graph
  • Pie chart
  • Force-directed graph
  • Map
  • Interactive graphs

This is one of the best D3.js books for beginners in 2019.


Interactive Data Visualization for the Web: An Introduction to Designing with D3

Interactive Data Visualization for the Web: An Introduction to Designing with D3
  • Scott Murray
  • Publisher: O'Reilly Media
  • Edition no. 2 (08/26/2017)
  • Paperback: 474 pages

Interactive Data Visualization for the Web: An Introduction to Designing with D3 by Scott Murray will help you get started with D3.js . This book starts at the very basics, walking you through HTML, CSS, JavaScript, and SVG. You will:

  • Learn D3 4.x with downloadable code and over 140 examples
  • Create bar charts, scatter plots, pie charts, stacked bar charts, and force-directed graphs
  • Use smooth, animated transitions to show changes in your data
  • Introduce interactivity to help users explore your data
  • Create custom geographic maps with panning, zooming, labels, and tooltips
  • Walk through the creation of a complete visualization project, from start to finish
  • Explore case studies with nine accomplished designers talking about their D3-based projects

D3.js in Action

D3.js in Action: Data visualization with JavaScript
  • Elijah Meeks
  • Publisher: Manning Publications
  • Edition no. 2 (12/07/2017)
  • Paperback: 375 pages

D3.js in Action Elijah Meeks is a practical guide that will help you create interactive graphics and data-driven applications with D3. You will start with D3.js fundamentals and move all the way to advanced D3.js features. The D3.js ebook is split into 3 parts: 1) Fundamentals, 2) Information Visualization and 3) Advanced Techniques. The book contains:

  • Updates for D3 v4 and ES6
  • Reusable layouts and components
  • Geospatial data visualizations
  • Mixed-mode rendering

You will learn from practical D3 usecases. Every D3 feature is explained in-depth along with how to use them. Once you are done with the book, you will be able to integrate D3.js into your web applications. The book starts of with simple and easy to follow D3 examples, which increase in complexity as the book advances.This is a great D3 reference book.


Data Visualization with D3 4.x Cookbook – Second Edition

Data Visualization with D3 4.x Cookbook - Second Edition
  • Nick Zhu
  • Publisher: Packt Publishing - ebooks Account
  • Edition no. 2 (02/28/2017)
  • Paperback: 370 pages

Data Visualization with D3.js 4.x Cookbook by Nick Qi Zhu is full of practical D3.js recipes. This book features over 65 recipes. Data Visualization with D3.js Cookbook teaches you how to become proficient at D3.js by using ready-to-use code examples. The book tackles real-world data visualization problems and solves them with practical recipes. You will:

  • Solve real-world visualization problems using D3.js practical recipes
  • Understand D3.js fundamentals
  • Learn from D3.js code samples
  • Use pre-built D3.js chart recipes


Mastering D3.js – Data Visualization for JavaScript Developers

Mastering D3.js - Data Visualization for JavaScript Developers
  • Pablo Navarro Castillo
  • Publisher: Packt Publishing - ebooks Account
  • Paperback: 352 pages

Mastering D3.js takes a comprehensive D3.js guide. You will topics and fundamentals you need to become an advanced level D3.js developer. You will:

  • Use D3.js for data visualization
  • Learn D3.js application development
  • Use practical tips to design effective interfaces
  • Learn how to create custom charts as reusable components to be integrated with existing projects
  • Create a powerful and high-quality analytics dashboard
  • Find out how to create custom maps and integrate D3 with third-party mapping libraries
  • Follow steps to create data-driven applications by integrating D3 with Backbone
  • Learn how to collaborate with Firebase for real-time data analytics


D3.js By Example

D3.js By Example
  • Michael Heydt
  • Publisher: Packt Publishing - ebooks Account
  • Paperback: 304 pages

D3.js By Example by Michael Heydt help you create data-driven visualizations with D3. You will learn the D3 concepts with examples and quickly create visualizations including charts, network diagrams, and maps. This book is packed with practical examples of visualizations using real-world data sets. You will:

  • Install and use D3.js to create HTML elements
  • Use development tools such as JSBIN and Chrome Developer Tools to create D3.js applications
  • Retrieve JSON data and use D3.js selections and data binding to create visual elements from data
  • Create and style graphical elements such as circles, ellipses, rectangles, lines, paths, and text using SVG
  • Use D3.js to turn your data into bar and scatter charts, and add margins, axes, labels, and legends
  • Use D3.js generators to perform the magic of creating complex visualizations from data
  • Add interactivity to your visualizations, including tool-tips, sorting, hover-to-highlight, and grouping and dragging of visuals



Amazon Associates Disclosure: We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.

Last update on 2019-06-22 / Affiliate links / Images from Amazon Product Advertising API