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

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

freeCodeCamp.org via freeCodeCamp Direct link

Datavis 2020 Introduction

1 of 48

1 of 48

Datavis 2020 Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Datavis 2020 Introduction
  2. 2 What is Data Visualization
  3. 3 Week 1 Q & A
  4. 4 Finding Visualizations
  5. 5 Introduction to Web Technologies
  6. 6 Let's Make a Face Part I (HTML, CSS, SVG)
  7. 7 Let's Make a Face Part II (React)
  8. 8 Let's Make a Face Part III (React & D3)
  9. 9 Let's Make a Face Part IV (React Components & ES6)
  10. 10 Let's Make a Face Part V multiple files with ES6 modules
  11. 11 Let's Make a Face Part VI (Compartmentalizing Complexity)
  12. 12 Coronavirus Dataviz Hackathon Part I (Coronavirus Dataviz)
  13. 13 Preparing Data for Visualization
  14. 14 Loading Data with Fetch, Promises, Aync & Await
  15. 15 Interaction With React
  16. 16 Parsing CSV Data with D3
  17. 17 Loading Data in React
  18. 18 Inputs for Visualization: Data & Tasks
  19. 19 Iterating Fast with Vega Lite API
  20. 20 Marks & Channels
  21. 21 Visualizing Data with React & D3
  22. 22 Making a Bar Chart with React & D3
  23. 23 Margins and Axes
  24. 24 Refactoring a Bar Chart
  25. 25 Stylized Bar Chart
  26. 26 Making a Scatter Plot
  27. 27 Working with Time
  28. 28 Making a Line Chart
  29. 29 Preparing Geospatial Data
  30. 30 Making a World Map with React & D3
  31. 31 Menus with React
  32. 32 Scatter Plot with Menus
  33. 33 Polished Scatter Plot with Menus
  34. 34 Scatter Plot with Color
  35. 35 Making a Color Legend
  36. 36 Interactive Color Legend
  37. 37 Points on a Map
  38. 38 Using Size
  39. 39 Missing Migrants
  40. 40 Missing Migrants Part II: Aggregation by Month
  41. 41 Missing Migrants Part III: On a Map
  42. 42 Multiple Views
  43. 43 Why Use Modules
  44. 44 Multiple Views Cleanup
  45. 45 Multiple Views with Brushing
  46. 46 React Performance Optimization
  47. 47 Choropleth Map
  48. 48 Log Scales

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.