Fullstack D3 Masterclass – newLine Free Download

Fullstack D3 Masterclass

Description

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

What you will learn in Fullstack D3 Masterclass:

  • How to make your first D3 chart
  • The importance of information design
  • How to integrate D3 with Angular
  • Optimal time to use or not use D3
  • How to animate and add interaction
  • How to create any kind of data visualization you can imagine.

Course details

Publisher: newLine
Instructors: Amelia Wattenberger
English language
Training level: introductory to advanced
Number of courses: 77
Duration: 10 hours and 51 minutes

Course headings

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

Course prerequisites:

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

Pictures

Sample video

Installation guide

After Extract, view with your favorite Player.

Subtitle: None

Quality: 1080

download link

Download part 1 – 1 GB

Download part 2 – 1 GB

Download part 3 – 1 GB

Download part 4 – 303 MB

Password file(s): www.downloadly.ir

Size

3.3 GB

4.5/5 – (2326 points)

Be the first to comment

Leave a Reply

Your email address will not be published.


*