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

Learn Data Visualization with D3, JavaScript, and React in this 17-hour course. Part 2: https://youtu.be/H2qPeJx1RDI​

? Created by Curran Kelleher. His channel: https://www.youtube.com/channel/UCSwd...​

⭐️Sections/Code⭐️

00:00​ Datavis 2020 Introduction 05:22​ What is Data Visualization 14:30​ Week 1 Q & A 22:49​ Finding Visualizations 29:17​ Introduction to 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 with 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...​ More in Part 2: https://youtu.be/H2qPeJx1RDI