Latest Courses
Integrate Free Jitsi Video Conference Api In PHP CodeIgniterCheck course
The Theory of Deep Learning - Become a Data ScientistCheck course
Build a Complete Youtube Video App: Swift2.2 & 3 and XcodeCheck course
Shopify Mastery | Build a Shopify Store in Just 1 HourCheck course
Java Regular Expression FoundationCheck course
Agile Software Testing - Techniques and ToolsCheck course
Python Programming Skills Test With ExplanationCheck course
Beginners Eclipse Java IDE Training CourseCheck course
Xamarin Android - A Master Guide to App Development in C#Check course
Python for beginnersCheck course
Integrate Free Jitsi Video Conference Api In PHP CodeIgniterCheck course
The Theory of Deep Learning - Become a Data ScientistCheck course
Build a Complete Youtube Video App: Swift2.2 & 3 and XcodeCheck course
Shopify Mastery | Build a Shopify Store in Just 1 HourCheck course
Java Regular Expression FoundationCheck course
- 86% Introduction to D3.js with React

Introduction to D3.js with React

$119.99 $16.99Track price

Add your review
Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare
8.3/10 (Our Score)
Product is rated as #58 in category React

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

Hi! My name is Adam and I'm a web developer from the UK. I studied Economics and Computer Science at Harvard University, and I have a passion for tinkering around with interesting sources of data. My work involves helping companies to improve how they are displaying data to their users. From small SaaS companies to large NGOs, I leverage my expertise in data visualization to provide design direction and technical help to a range of clients. I hope to see you in one of my courses soon.

Specification: Introduction to D3.js with React

Duration 5.5 hours
Year 2020
Level Intermediate
Certificate Yes
Quizzes No

17 reviews for Introduction to D3.js with React

4.1 out of 5
9
4
4
0
0
Write a review
Show all Most Helpful Highest Rating Lowest Rating
  1. Avatar

    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!!!

    Helpful(0) Unhelpful(0)You have already voted this
  2. Avatar

    Marcin Cholewka

    A great course. This will help me in my upcoming project.

    Helpful(0) Unhelpful(0)You have already voted this
  3. Avatar

    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. ?

    Helpful(0) Unhelpful(0)You have already voted this
  4. Avatar

    Jay Askren

    Great Course. Very straightforward introduction to D3 and React

    Helpful(0) Unhelpful(0)You have already voted this
  5. Avatar

    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

    Helpful(0) Unhelpful(0)You have already voted this
  6. Avatar

    Dmitriy Drachev

    great!

    Helpful(0) Unhelpful(0)You have already voted this
  7. Avatar

    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.

    Helpful(0) Unhelpful(0)You have already voted this
  8. Avatar

    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.

    Helpful(0) Unhelpful(0)You have already voted this
  9. Avatar

    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.

    Helpful(0) Unhelpful(0)You have already voted this
  10. Avatar

    Matthew Tabaka

    This course needs to be updated to handle changes to React

    Helpful(0) Unhelpful(0)You have already voted this
  11. Avatar

    Michael Menard

    great follow on course to the first intro to D3.js course. this is exactly what I was looking for.

    Helpful(0) Unhelpful(0)You have already voted this
  12. Avatar

    Carol Sexton

    Covered pattern of handling D3 updates in React in concise but easy to understand and thorough manner

    Helpful(0) Unhelpful(0)You have already voted this
  13. Avatar

    Natalie Nuno

    Good and clear info. Nice set up.

    Helpful(0) Unhelpful(0)You have already voted this
  14. Avatar

    Mauricio Costa

    Clear explanations and expectations setting so far…

    Helpful(0) Unhelpful(0)You have already voted this
  15. Avatar

    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.

    Helpful(0) Unhelpful(0)You have already voted this
  16. Avatar

    James Lee Keng Hong

    Is good but maybe could show real time data

    Helpful(0) Unhelpful(0)You have already voted this
  17. Avatar

    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.

    Helpful(0) Unhelpful(0)You have already voted this

    Add a review

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Introduction to D3.js with React

    $119.99 $16.99

    Price tracking

    Register New Account
    Reset Password
    Compare items
    • Total (0)
    Compare