Building Responsive Data Visualizations with D3.js

2 Hours

$22.00$30.00

You save 26%

28 Lessons (2h)

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

DescriptionInstructorImportant DetailsRelated Products

Create Bar Charts, Scatterplots & More That Look Great on Different Devices

Packt PublishingPackt’s mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals. Working towards that vision, it has published over 3,000 books and videos so far, providing IT professionals with the actionable knowledge they need to get the job done –whether that’s specific learning on an emerging technology or optimizing key skills in more established tools. For more details on the course and instructor, click here.

Description

In just 2 hours, you'll master use of the D3.js library in conjunction with responsive design principles and technologies, such as Bootstrap and Pym.js. Combine the two to create stunning data visualizations that look great and--more importantly--effectively communicate their contents, no matter the viewing device.

Learn the basic structure of data binding in D3.js w/ over 2 hours of content
Construct a number of D3 visualizations: bar charts, line charts, scatterplots, etc.
Master D3 visualization features such as tooltips, axes & scales
Understand the importance of interactivity & transitioning between two states of a visualization for enhanced, responsive experience
Find, prepare, load & use external data sources: CSV, TSV, JSON & more
Enhance your web design skills w/ data visualization libraries like Bootstrap & Pym

Specs

Details & Requirements

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...