Data Visualization with D3, JavaScript, React - Full Course

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...