¡GoConqr estrena diseño! Cuéntanos qué te parece.

Módulo 5 de 13 · Multimedia

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

Instrucciones

Para avanzar en el curso, envía un intento de este test. Puedes enviarlo después de la última pregunta.

Ir al módulo elegido

Escríbenos

¿Sobre qué es tu mensaje?

¿Qué te parece el nuevo diseño?

¿Te gusta?