Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Data Visualization with D3, JavaScript, React - Full Course [2021]

via freeCodeCamp

Overview

Learn Data Visualization with D3, JavaScript, and React in this 12-hour course. The course covers topics such as Data Visualization, Web Technologies, React, D3, ES6, and Vega Lite API. The teaching method includes hands-on coding sessions and creating various types of visualizations. This course is intended for individuals interested in mastering data visualization using D3, JavaScript, and React.

Syllabus

Datavis 2020 Introduction.
What is Data Visualization.
Week 1 Q & A.
Finding Visualizations.
Introduction to Web Technologies.
Let's Make a Face Part I (HTML, CSS, SVG).
Let's Make a Face Part II (React).
Let's Make a Face Part III (React & D3).
Let's Make a Face Part IV (React Components & ES6).
Let's Make a Face Part V multiple files with ES6 modules.
Let's Make a Face Part VI (Compartmentalizing Complexity).
Coronavirus Dataviz Hackathon Part I (Coronavirus Dataviz).
Preparing Data for Visualization.
Loading Data with Fetch, Promises, Aync & Await.
Interaction With React.
Parsing CSV Data with D3.
Loading Data in React.
Inputs for Visualization: Data & Tasks.
Iterating Fast with Vega Lite API.
Marks & Channels.
Visualizing Data with React & D3.
Making a Bar Chart with React & D3.
Margins and Axes.
Refactoring a Bar Chart.
Stylized Bar Chart.
Making a Scatter Plot.
Working with Time.
Making a Line Chart.
Preparing Geospatial Data.
Making a World Map with React & D3.
Menus with React.
Scatter Plot with Menus.
Polished Scatter Plot with Menus.
Scatter Plot with Color.
Making a Color Legend.
Interactive Color Legend.
Points on a Map.
Using Size.
Missing Migrants.
Missing Migrants Part II: Aggregation by Month.
Missing Migrants Part III: On a Map.
Multiple Views.
Why Use Modules.
Multiple Views Cleanup.
Multiple Views with Brushing.
React Performance Optimization.
Choropleth Map.
Log Scales.

Taught by

freeCodeCamp.org

Reviews

4.5 rating, based on 2 Class Central reviews

Start your review of Data Visualization with D3, JavaScript, React - Full Course [2021]

  • Exciting course about trending subject. Casual way of explaining of the topics makes learning chill and reduce tension.
  • Ibrahim Hassan Hanafy Mahmoud

    This class was excellent--where have you been all my life? The instructor was incredibly knowledgeable and articulate. This was the first time I have taken a class in a remote format, and I was delighted with it and look forward to coming back to ONLC for more classes in the future. I loved the fact that even though I was in a class with other people, the actual physical space was private and quiet and very conducive to learning! Thank you.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.