Data Visualization with D3, JavaScript, React - Full Course

Published: 22 February 2021
on channel: freeCodeCamp.org

519,866

13k

Learn Data Visualization with D3, JavaScript, and React.
Part 2: • Data Visualization with D3, JavaScript, Re...

Created by ‪@currankelleher‬ .

❤️ Try interactive JavaScript courses in your browser: https://scrimba.com/freeCodeCamp-Java... (Made possible by a grant from Scrimba)

⭐️Sections/Code⭐️
00:00 Intro
05:22 What is Data Visualization
14:30 Week 1 Q & A
22:49 Finding Visualizations
29:17 Web Technologies
39:11 Let's Make a Face Part I (HTML, CSS, SVG)
💻 https://vizhub.com/curran/e54aba86481...
💻 https://vizhub.com/curran/fbf0dfea4bc...
57:02 Let's Make a Face Part II (React)
💻 https://vizhub.com/curran/fbf0dfea4bc...
💻 https://vizhub.com/curran/3a00f5c877a...
1:14:57 Let's Make a Face Part III (React & D3)
💻 https://vizhub.com/curran/3a00f5c877a...
💻 https://vizhub.com/curran/4297411eba0...
1:26:53 Let's Make a Face Part IV (React Components & ES6)
💻 https://vizhub.com/curran/4297411eba0...
💻 https://vizhub.com/curran/e6714750d49...
1:37:05 Let's Make a Face Part V multiple files with ES6 modules
💻 https://vizhub.com/curran/4297411eba0...
💻 https://vizhub.com/curran/be34ae5bb6e...
1:47:01 Let's Make a Face Part VI (Compartmentalizing Complexity)
💻 https://vizhub.com/curran/be34ae5bb6e...
💻 https://vizhub.com/curran/7da62f462df...
1:58:57 Coronavirus Dataviz Hackathon Part I (Coronavirus Dataviz)
2:08:48 Preparing Data for Visualization
2:18:46 Loading Data with Fetch, Promises, Aync & Await
💻 https://vizhub.com/curran/6ec4f3dd10a...
2:29:11 Interaction With React
💻 https://vizhub.com/curran/3a00f5c877a...
💻 https://vizhub.com/curran/9827ad65ee8...
2:48:28 Parsing CSV Data with D3
💻 https://vizhub.com/curran/6ec4f3dd10a...
2:57:18 Loading Data in React
💻 https://vizhub.com/curran/f6b3cffc0c7...
3:08:40 Inputs for Visualization: Data & Tasks
3:19:32 Iterating Fast w/ Vega Lite API
💻 https://vizhub.com/curran/7392ee124c8...
💻 https://vizhub.com/curran/717a939bb09...
3:50:33 Marks & Channels
4:26:43 Visualizing Data with React & D3
💻 https://vizhub.com/curran/1e2e55a2c06...
4:43:08 Making a Bar Chart with React & D3
💻 https://vizhub.com/curran/72d56b59a20...
4:57:51 Margins and Axes
💻 https://vizhub.com/curran/b9069ad0a02...
5:17:23 Refactoring a Bar Chart
💻 https://vizhub.com/curran/4624fb61b2e...
5:29:00 Stylized Bar Chart
💻 https://vizhub.com/curran/32dfc8d2393...
5:53:13 Making a Scatter Plot
💻 https://vizhub.com/curran/3d631093c23...
6:15:29 Working with Time
💻 https://vizhub.com/curran/73bcdb68be6...
6:23:37 Making a Line Chart
💻 https://vizhub.com/curran/f1c25845b63...
6:37:29 Preparing Geospatial Data
💻 https://mapshaper.org/
6:45:35 Making a World Map with React & D3
💻 https://vizhub.com/curran/295f06f6efd...
7:11:24 Menus with React
💻 https://vizhub.com/curran/6d60bcc2678...
7:27:40 Scatter Plot with Menus
💻 https://vizhub.com/curran/f149be87d69...
7:45:57 Polished Scatter Plot with Menus
💻 https://vizhub.com/curran/e3f5f029b82...
8:06:23 Scatter Plot with Color
💻 https://vizhub.com/curran/9b881e62cb2...
8:13:24 Making a Color Legend
💻 https://vizhub.com/curran/16f7a618a7f...
8:28:27 Interactive Color Legend
💻 https://vizhub.com/curran/8b699c40007...
8:46:49 Points on a Map
💻 https://vizhub.com/curran/4a94ec9d1cd...
8:58:35 Using Size
💻 https://vizhub.com/curran/118d7f70085...
9:12:02 Missing Migrants
💻 https://vizhub.com/curran/73bcdb68be6...
💻 https://vizhub.com/curran/6a46b0e0749...
9:23:26 Missing Migrants Part II: Aggregation by Month
💻 https://vizhub.com/curran/e1b252a7e4b...
9:47:34 Missing Migrants Part III: On a Map
💻 https://vizhub.com/curran/2d82ff9133f...
9:56:46 Multiple Views
💻 https://vizhub.com/curran/018be07cf0a...
10:09:23 Why Use Modules
10:11:48 Multiple Views Cleanup
💻 https://vizhub.com/curran/1c80f00843d...
10:32:17 Multiple Views with Brushing
💻 https://vizhub.com/curran/88b33d525e7...
10:58:34 React Performance Optimization
💻 https://vizhub.com/curran/a95f2279124...
11:20:10 Choropleth Map
💻 https://vizhub.com/curran/ed32a7ae82e...
11:30:11 Log Scales
💻 https://vizhub.com/curran/88bb1e7d70a...

Part 2: • Data Visualization with D3, JavaScript, Re...

On this page of the site you can watch the video online Data Visualization with D3, JavaScript, React - Full Course with a duration of hours minute second in good quality, which was uploaded by the user freeCodeCamp.org 22 February 2021, share the link with friends and acquaintances, this video has already been watched 519,866 times on youtube and it was liked by 13 thousand viewers. Enjoy your viewing!