Introduction To D3.js with React

Video description

This course will help you to get up and running with D3.js in a React environment quickly. It is designed to teach you how to program efficiently in the latest version of D3 - version 6.x.

To build on your knowledge, the course will gradually help you understand what you can do with the D3 library over the course of different sections. You’ll start by exploring the importance of D3 and why you should learn it. Later sections will guide you on how to set up your environment and create a wrapper for using React and D3 together. You’ll then wrap up the learning journey by working with the two libraries together to build a complete web app.

By the end of this course, you will have gained the skills you need to use D3.js confidently in a React environment.

What You Will Learn

  • Understand the fundamental building blocks of D3
  • Set up a working file architecture for using React and D3 together
  • Build updating charts that react to user input
  • Get to grips with how SVGs work, and how to manipulate them with D3
  • Build a scatterplot with D3
  • Become well-versed with adding scales and axes to a chart


This course is for React developers who are looking to get started with D3 quickly yet effectively.

About The Author

Adam Janes: Adam Janes is a web developer from the UK. He has studied Economics and Computer Science at Harvard University and has a passion for tinkering around with interesting sources of data. His work involves helping companies to improve how they are displaying data to their users, right from small SaaS companies through to large NGOs. He leverages his expertise in data visualization to provide design direction and technical help to a wide range of clients.

Publisher resources

Download Example Code

Product information

  • Title: Introduction To D3.js with React
  • Author(s): Adam Janes
  • Release date: April 2020
  • Publisher(s): Packt Publishing
  • ISBN: 9781800568259