Introduction to D3.js with React

Udemy MOOC / Non-credit USD 129.99
Enroll now →
Introduction to D3.js with React

About this course

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 OutlineThe 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 D3Going over the structure of the courseExplaining course resourcesSection 2:Getting your environment setupCreating a wrapper for using React and D3 togetherIntroducing SVGsTaking your first steps in D3Section 3:Building a static bar chart with D3How to add scales and axes to a chartIntroducing the D3 axis generatorsAdding in the D3 margin conventionSection 4:Building an updating bar chart with D3Introduction to the D3 Interval methodUsing the D3 transition suiteUnderstanding the D3 General Update PatternUpdating the chart according to user input through ReactSection 5:Building a complete web app with React and D3Building a scatterplot with D3Handling events between React and D3Practicing using the two libraries togetherShould 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 g

What you'll learn

  • set up a development environment for D3.js and React
  • create static and dynamic visualizations using D3.js
  • build a complete web application that integrates D3.js and React

Course objectives

  • understand the basic structure and resources of the course
  • develop a static bar chart with D3.js
  • implement user interactions for updating charts
  • handle events between React and D3

Skills you'll gain

Related courses

Course details are provided by the platform and may change — always confirm on the provider's site. Links may be affiliate links.