Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 40 Minute(s)
Language
English
Taught by
Adam Janes
Rating
3 views
Course Overview
Learn how to use D3.js (version 6.x) in a React environment. Learn enough D3 to be dangerous, and get started ASAP.
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 JavaScript, HTML, CSS, and React before enrolling in this course.
Course Content
- 6 section(s)
- 52 lecture(s)
- Section 1 Introduction
- Section 2 Getting started with D3
- Section 3 Building a static bar chart
- Section 4 Making our bar chart update
- Section 5 Creating a complete application
- Section 6 Wrapping up
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
Reviews
-
MMarcus
The video content is obsolete. I'd ask for a refund if I hadn't waited too long to get started. The teacher is good, knowledgeable, and definitely offers value, but what is the point of purchasing a video course when the video content is out of date and doesn't reflect the files. If I get an alert that the video content has been modernized, I will change this rating immediately to 5 stars.
-
JJulio Cezar Ribeiro Rocha
O curso tecnicamente é bom, no entanto o som é ruim e o vídeo é péssimo, com letras pequenas que quase não se enxergam. Não gostei também pela inexistência de exercícios.
-
WWayne Bryant
Great course! One of the best in terms of learning that I have taken here on Udemy. I would have given a full 5-star review if not for the small code text which were at times hard to read. Also, a couple of times the code jumped and some changes were then evident in the code. Thanks for this course Adam!
-
AAnonymized User
Great course, for d3 as well as React in general. Sound was alternating with different volumes. I have finished everything but there is no certificate...
