newLine – Fullstack D3 Masterclass 2021-3

Description

Fullstack D3 Masterclass is a complete training course for learning D3 with dozens of coding examples to illustrate each step that helps you learn a new skill for visualizing your data during this course.

What you will learn in the Fullstack D3 Masterclass course

How to make your first D3 chart

The importance of information design

How to integrate D3 with Angular

Optimal time to use or not to use D3

How to animate and add interaction

How to create any kind of data visualization you can imagine.

Course information

Publisher: newLine Instructors: Amelia Wattenberger English language Level of training: basic to advanced Number of lessons: 77 Duration: 10 hours and 51 minutes

Topics

Making Your First Chart – 12 lessons – 55m total

Making Your First Chart Loading the weather dataset Setting up our line chart Drawing our chart Creating our workspace Adding an SVG element Creating our bounding box Creating our scales Drawing the line Drawing the axes

Making a Scatterplot – 11 lessons – 54m total

Making a Scatterplot Steps in drawing any chart Step 1: Access data Step 2: Create chart dimensions Step 3: Draw canvas Step 4: Create scales Step 5: Draw data Step 6: Draw peripherals Looking at our chart Extra credit: adding a color scale

Making a Bar Chart – 11 lessons – 1h 13m total

Making a Bar Chart Access data Create dimensions Draw canvas Create scales Draw data Adding Labels Draw peripherals Extra credit Accessibility

Animations and Transitions – 6 lessons – 51m total

Animations and Transitions CSS transitions CSS transitions with a chart d3.transition Lines

Interactions – 7 lessons – 1h 19m total

Interactions d3 events Destroying d3 event listeners Bar chart Scatter plot Line chart

Data Visualization Basics – 10 lessons – 49m total

Data Visualization Basics Types of data Ways to visualize a metric Chart design Example redesign Color scales Custom color scales Color spaces Color tips

Advanced example – 12 lessons – 2h 15m total

Radar Weather Chart Getting set up Adding gridlines Adding freezing Adding the temperature area Adding the UV index marks Adding the cloud cover bubbles Adding the precipitation bubbles Adding annotations Adding the tooltip Wrapping up

D3 + Javascript Frameworks – 12 lessons – 1h 12m total

D3 + Javascript Frameworks React.js Digging in Creating dimensions in React Drawing our canvas in React Creating our scales in React Drawing our data in React Drawing our peripherals in React Drawing our peripherals in React, take two Setting up interactions in React, and wrapping up Using d3 with Angular.js Using d3 with Svelte.js

Interviews – 4 lessons – 1h 18m total

Shirley Wu Ian Johnson Russell Goldenberg Will Chase

Prerequisite

If you know JavaScript and you need to build dashboards and you’d like to learn D3 as quickly and efficiently as possible.

Installation

After Extract, watch with your favorite Player.

Subtitle: None

Quality: 1080