Latest Courses
DVC and Git For Data ScienceCheck course
CMake, Tests and Tooling for C/C++ ProjectsCheck course
Build A Professional Responsive Portfolio Website : React JSCheck course
Django | Build a Chatbot as a Personal Assistant Using AICheck course
Jq Command Tutorials for Bash Shell ScriptingCheck course
Learn API First Development With Open API Spring Boot KotlinCheck course
Advanced Reinforcement Learning: policy gradient methodsCheck course
Computational Linguistics - Beginner CourseCheck course
Design & Code Twitter Home Page with JavaScript, CSS & FigmaCheck course
Data Science: Transformers for Natural Language ProcessingCheck course
DVC and Git For Data ScienceCheck course
CMake, Tests and Tooling for C/C++ ProjectsCheck course
Build A Professional Responsive Portfolio Website : React JSCheck course
Django | Build a Chatbot as a Personal Assistant Using AICheck course
Jq Command Tutorials for Bash Shell ScriptingCheck course
- 83% Introduction to D3.js with React

Introduction to D3.js with React

$18.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

19 reviews for Introduction to D3.js with React

4.0 out of 5
9
4
6
0
0
Write a review
Show all Most Helpful Highest Rating Lowest Rating
  1. 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. Marcin Cholewka

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

    Helpful(0) Unhelpful(0)You have already voted this
  3. 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. Jay Askren

    Great Course. Very straightforward introduction to D3 and React

    Helpful(0) Unhelpful(0)You have already voted this
  5. 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. Dmitriy Drachev

    great!

    Helpful(0) Unhelpful(0)You have already voted this
  7. 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. 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. 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. Matthew Tabaka

    This course needs to be updated to handle changes to React

    Helpful(0) Unhelpful(0)You have already voted this
  11. 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. 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. Natalie Nuno

    Good and clear info. Nice set up.

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

    Clear explanations and expectations setting so far…

    Helpful(0) Unhelpful(0)You have already voted this
  15. 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. James Lee Keng Hong

    Is good but maybe could show real time data

    Helpful(0) Unhelpful(0)You have already voted this
  17. 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
  18. Allen Joelson

    Mess with react old/updated. Hard to concentrating on main topic D3.

    Helpful(0) Unhelpful(0)You have already voted this
  19. 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.

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

    Add a review

    Your email address will not be published.

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

    Introduction to D3.js with React

    $18.99

    Price tracking

    Java Code Geeks
    Logo
    Register New Account
    Reset Password
    Compare items
    • Total (0)
    Compare