Module 5 of 13 · Media
Data Visualization with D3, JavaScript, React - Full Course [2021]
https://vizhub.com/serkanokur79/a1a61d07eb914abea1e1c6e25f23b170?edit=files&file=index.js
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