Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Building Responsive Data Visualizations with D3.js
Building Blocks 1 – Noninteractive, Reusable Charts
Course Overview
Creating a Bar Chart with SVGs
Creating a D3 Bar Chart
Creating a D3 Line Chart
Creating a D3 Scatterplot
Building Blocks 2 – Adding Scales, Axes, and Labels
Adding Simple Labels
Creating Tooltips for Your Visualization
Utilizing D3 Scales
Adding Axes
Responsive Visual Strategies
Defining Responsive and Mobile-first Design
Using Media Queries and Addressing Breakpoints
Choosing a Visualization Style Based on the Media Type
Matching the Chart Size with the Container Size
Scaling All Visualization Elements Based on Container Size
Building Blocks 3 – External Data Sources
Integrating CSV Data
Getting Data from JSON
Building a Map with GeoJSON
Building Blocks 4 – Interactivity
Using Transitions
Filtering Data
D3 Layouts
Mapping with GeoJSON
Setting Up the Basemap
Choropleths
Adding Tooltips and Legends to Our Map
Making It Mobile-first
Drawing Maps According to Screen Size
Throwing in Bootstrap
Integrating Pym into Your Visualization
Moving Forward
Recapping What We’ve Covered
What to Read and Whom to Follow
Choosing a Visualization Style Based on the Media Type
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock