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