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
Throwing in Bootstrap
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock