Introduction to D3.js with React – Udemy

(10 customer reviews)


Categories: , Tag:


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

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.

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”

Course content

  • Introduction
  • Getting started with D3
  • Building a static bar chart
  • Making our bar chart update
  • Creating a complete application
  • Wrapping up

10 reviews for Introduction to D3.js with React – Udemy

  1. Donny Phan

    Super practical. Lessons are catered towards anyone looking to find work in this industry. It felt very comprehensive and gave me a broad understanding of the programming spectrum

  2. Madhav raj Verma

    Thanks for your great effort. i am fully satisfied with this course the way you teach and your explanation are very clear ,The content you provide in your course no one can do this at this price.

  3. Sachin Gupta

    I really didn’t want to leave a low rating as Angela is a great teacher. The 1st half of this course was terrific. The 2nd half was terrible. Under the justification of “teaching students how to figure things out on their own”, pretty much all videos and all explanations were dropped. You were just told what to do, given links to documentation and told to figure it out on your own. I understand doing that to some degree, but to revert to that entirely for nearly half the content barely makes this a course. It’s just a list of things for you to learn, then you’re left on your own to learn them. The 2nd half was so bad, especially the data science component, that I didn’t bother finishing the course.

  4. Vincent Beaudet

    Amazing 40 days course.
    Angela is a great teacher.
    The other 60 days are all about web developement, interacting with web pages, on your own with little to no explanations. I did not expect that at all. I wanted to learn more about software and scripting.
    This left me disappointed , confused and i started to doubt myself. Not a fun experience after the amount of effort i’v put in this course.

    Exercices format and explanations for the first 40 days were worth it tho.

  5. Ben K

    Not just an introduction to python, but really helps you learn fundamental aspects of python and coding in general. Some parts may require some knowledge on the subject (data science comes to mind) and there is quite some web development in the course. So, a few areas were not completely to my liking (I would have liked to see it done differently), but this course deserves the 5 stars in my opinion.

  6. Omid Alikhel

    I found the method a bit difficult when a code is written and then changed back to something different, with no enough explanation of how something happened and where it came from or a step by step explanation of why something is happening, i have no doubt in the instructors talent, but we are beginners!

  7. Devang Jain

    The course is not updated and most of the solution codes don’t work and there are no video solutions towards the end

  8. Szymon Kozak

    I think that the course tutor is really good in giving right information to learn at the right time. Thanks to this fact, my understanding of coding in python after 29 days of learning is above my expectations.

  9. Begoña Ruiz Diaz

    Ha sido la mejor elección que podría haber hecho.

  10. Vaibhav Sachdeva

    I want to thank Angela for making such an amazing course. It really helped me explore more things with python.

Add a review

Your email address will not be published.