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
Password file(s): www.downloadly.ir
Size
3.3 GB
Be the first to comment