GoConqr has a new look! Let us know what you think.

Module 5 of 13 · Media

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

Serkan Okur

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

Instructions

You must submit an attempt for this quiz to progress. You can submit it after the last question.

Go to the chosen module

Feedback

What is it about?

What do you think of the new look?

How do you like it?