Hot & New| h264, yuv420p, 1280x720 |English, aac, 48000 Hz, 2 channels, s16 | 5h 35 mn | 3.1 GB
Instructor: Adam Janes

Learn how to use D3.js (version 6.x) in a React environment. Learn enough D3 to be dangerous, and get started ASAP.

What you'll learn

Understand the fundamental building blocks of D3
Know how SVGs work, and how to manipulate them with D3
Set up a working file architecture for using React and D3 together
Pass events between React components and D3
Build updating charts that react to user input

Requirements

Students should have a good understanding of HTML, CSS, and jаvascript
Students should already be familiar with coding in React

Description

Welcome to Introduction to D3.js with React!

This course will help you to get up and running with D3.js in a React environment as quickly as possible. The course will teach you to program in the latest version of D3 - version 6.x.

Course Outline

The course is structured in a code-along format, gradually adding on to what you can do with the D3 library over the course of 5 sections.

Section 1:

Telling you why you should learn D3

Going over the structure of the course

Explaining course resources

Section 2:

Getting your environment setup

Creating a wrapper for using React and D3 together

Introducing SVGs

Taking your first steps in D3

Section 3:

Building a static bar chart with D3

How to add scales and axes to a chart

Introducing the D3 axis generators

Adding in the D3 margin convention

Section 4:

Building an updating bar chart with D3

Introduction to the D3 Interval method

Using the D3 transition suite

Understanding the D3 General Update Pattern

Updating the chart according to user input through React

Section 5:

Building a complete web app with React and D3

Building a scatterplot with D3

Handling events between React and D3

Practicing using the two libraries together

Should I Take This Course?

D3 is an incredibly powerful library to use, with a strong community of developers which is growing every day. The library famously doesn't play well together with React, as they both want total control over the DOM. Take this course if you want to learn the right way to get these two libraries together, and get up and running as quickly as possible.

This course is not an introductory course to web development. Students are expected to have had experience coding in jаvascript, HTML, CSS, and React before enrolling in this course.
Who this course is for:

React developers who want to get started with D3 as quickly as possible
Anyone who wants to know "enough D3 to be dangerous"
[/i]Screenshots