How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Learning Data Visualization with D3.js

via LinkedIn Learning

Write review

No Longer Offered

Boot.dev Ad

Stuck in Tutorial Hell? Learn Backend Dev the Right Way

Learn More → DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Bring your data to life with D3.js. Create interactive, visually exciting infographics and visualizations with HTML, CSS, JavaScript, and SVG graphics.

Syllabus

Introduction
  • Welcome
  • What you should know
  • Using the exercises for this course
1. Getting Started
  • What is D3?
  • Using D3 selections
  • Controlling HTML within selections
  • Modifying attributes through CSS
  • Binding data to the DOM
  • Creating subselections
2. Understanding SVG Graphics
  • Drawing with SVG
  • Understanding SVG primitives
  • Drawing SVG graphics with D3
  • Creating a simple SVG bar chart
3. Using D3 Methods
  • Adding a linear scale
  • Using ordinal scales
  • Creating meaningful color scales
  • Adding events
  • Using transitions and animations
  • Adding a tooltip
4. Using Data
  • Using external data
  • Using meaningful colors
  • Adding a simple guide
  • Creating margins
  • Adding a time-based guide
Conclusion
  • Next steps

Taught by

Ray Villalobos

Reviews

Start your review of Learning Data Visualization with D3.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.