Introduction to D3.js with React

Description

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

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

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.

This course features a structured format, where challenging concepts are explained thoroughly and clearly. You'll gain hands-on experience as you learn with the help of effective examples.

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

https://github.com/packtpublishing/introduction-to-d3.js-with-react

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.

1. Introduction

2. Getting started with D3

3. Building a static bar chart

4. Making our bar chart update

5. Creating a complete application

6. Wrapping up