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
Instructor Details
Courses : 2
Specification: Introduction to D3.js with React
|
19 reviews for Introduction to D3.js with React
Add a review Cancel reply
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Price | $18.99 |
---|---|
Provider | |
Duration | 5.5 hours |
Year | 2020 |
Level | Intermediate |
Language | English |
Certificate | Yes |
Quizzes | No |
$109.99 $18.99
Tristan –
A very good explanation of one of the methods to allow D3 and React to interact. Would be good for the course to be updated to either include non deprecated life cycle methods or hooks, even if it is just a note at the end of the relevant sections. Other than that a very good course!!!
Marcin Cholewka –
A great course. This will help me in my upcoming project.
Chiza Barber –
It was a good intro course to D3 that also helped refresh my memory for React. The instructor was thorough and took the time to explain the concepts. I’ll be going on to take Adam’s other course on mastering D3. One suggestion to the instructor to improve user experience please try zooming into your text editor/IDE while recording if you decide to make more courses. I spent this entire course squinting to see what you were typing… I almost removed a star out of annoyance. ?
Jay Askren –
Great Course. Very straightforward introduction to D3 and React
Shrikar Khare –
Good content, but there were some changes to the code in between the videos that were never addressed, had a few difficulties tracking them down in your videos but got to it eventually, maybe if these changes could be addressed it would offer more insight
Dmitriy Drachev –
great!
Alexander Birdsall –
Adequate material, but a bit slow moving: the introductory text says this is for experienced react users, then the content includes not just react basics, but even basic language explanations like ternary operators; as an experienced react user, this lead to a lot of waiting to get around to the actual learnings. Otherwise, good stuff. Also, there were frequent audio inconsistencies which were distracting.
Noel Irias –
Overall, very good course. I sense that there should have been a little of attention placed on mobile development with all development courses. Specifically the inclusion of mobile development principles with D3. I say this because charts are very specific in regards to their dimensions and would be good provide a strategy to for handling various screen sizes. Otherwise, the course did a very good job handling the content.
Joe Schwehr –
Adam is a good teacher, and overall this is a pretty good course for learning the basics. Perhaps another section could be added explaining how to use functional components instead of class based ones… or at the very least another video could be added showing how to avoid using ‘componentWillMount’ and ‘componentWillReceiveProps’ since these lifecycle methods are no longer the recommended way of doing things. Other than that I have no complaints.
Matthew Tabaka –
This course needs to be updated to handle changes to React
Michael Menard –
great follow on course to the first intro to D3.js course. this is exactly what I was looking for.
Carol Sexton –
Covered pattern of handling D3 updates in React in concise but easy to understand and thorough manner
Natalie Nuno –
Good and clear info. Nice set up.
Mauricio Costa –
Clear explanations and expectations setting so far…
yonghun jeong –
In the rating, some people say that there are some bugs and need to be edited, but while taking this lecture there was nothing wrong and everything is explained clearly. 1. Very clear 2. Easy to understand the combination of D3 and React 3. The most suitable class for the beginner 1. It would be better if the teacher usenext.js, redux and HOOKS.
James Lee Keng Hong –
Is good but maybe could show real time data
Alex Tingk r –
Good course. Not sure if I am dangerous, but I have something to work on. The sound quality was shifting a lot, and some of the screenshots could use an update.
Allen Joelson –
Mess with react old/updated. Hard to concentrating on main topic D3.
Sergii Shmarkatiuk –
Course is a little bit outdated in terms of React version used (new version of React only mentioned once in a write up and in referenced a code on github for the last project). Videos do not cover new version of React at all. Sound levels jump up and down all the time, quality of sound might be better. Otherwise, a good short course teaching basics of D3 and its combination with React.