Data Visualization with D3, JavaScript, React - Full Course

Publicado em: 22 Fevereiro 2021
no canal de: freeCodeCamp.org

519,866

13k

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

Nesta página do site você pode assistir ao vídeo on-line Data Visualization with D3, JavaScript, React - Full Course duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário freeCodeCamp.org 22 Fevereiro 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 519,866 vezes e gostou 13 mil espectadores. Boa visualização!

61,897

1.4 mil