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

Learning Data Visualization with D3.js

via LinkedIn Learning

Write review

No Longer Offered

Coursera

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Simplilearn

Build with Azure OpenAI, Copilot Studio & Agentic Frameworks — Microsoft Certified

Overview

Build a Learning Habit

Download Class Central's free printable study calendar

Download for Free

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