Go to Preview Lesson
Go to Preview Lesson
LESSON 3.3
Create dimensions
LESSON 3.4
Draw canvas
Fullstack D3 Masterclass
MODULE 1
Making Your First Chart
LESSON 1.1
Making Your First Chart
LESSON 1.2
Loading the weather dataset
LESSON 1.3
Setting up our line chart
LESSON 1.4
Drawing our chart
LESSON 1.5
Creating our workspace
LESSON 1.6
Adding an SVG element
LESSON 1.7
Creating our bounding box
LESSON 1.8
Creating our scales
LESSON 1.9
Drawing the line
LESSON 1.10
Drawing the axes
LESSON 1.11
Week 1: Exercise
LESSON 1.12
Datasets
MODULE 2
Making a Scatterplot
LESSON 2.1
Making a Scatterplot
LESSON 2.2
Steps in drawing any chart
LESSON 2.3
Step 1: Access data
LESSON 2.4
Step 2: Create chart dimensions
LESSON 2.5
Step 3: Draw canvas
LESSON 2.6
Step 4: Create scales
LESSON 2.7
Step 5: Draw data
LESSON 2.8
Step 6: Draw peripherals
LESSON 2.9
Looking at our chart
LESSON 2.10
Extra credit: adding a color scale
LESSON 2.11
Week 2: Exercise
MODULE 3
Making a Bar Chart
LESSON 3.1
Making a Bar Chart
LESSON 3.2
Access data
LESSON 3.3
Create dimensions
LESSON 3.4
Draw canvas
LESSON 3.5
Create scales
LESSON 3.6
Draw data
LESSON 3.7
Adding Labels
LESSON 3.8
Draw peripherals