Introduction to D3.js with React

Learn how to use D3.js (version 6.x) effectively in a React environment

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

About

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.

All the codes and supporting files for this course are available at - https://github.com/PacktPublishing/Introduction-To-D3.js-with-React

Features

Learn to integrate React and D3
Understand how to work with external data
Get up to speed with adding updates to visualizations