Cover image for Learn D3.js

Learn D3.js

Create Stunning Interactive Web Visualizations with D3.js v7 and Modern JavaScript

Helder da Rocha

Created by Helder da Rocha

Explore the world of interactive web data visualizations using D3.js v7 and modern JavaScript. You'll learn how to turn raw data into engaging charts, maps, and networks while mastering essential techniques for building dynamic visuals. Real-world examples and hands-on projects help you apply new skills right away.

Packt | Jun 2026 | 582 min

What You Will Learn

You'll start with the basics of selections, data binding, and SVG, then move on to more advanced topics like scales, axes, and animations. Each section builds on the last, using real-world code samples and practical projects to reinforce your understanding. Step-by-step guidance helps you apply concepts to your own work.

Key Features

  • Create interactive charts, maps, and network diagrams using D3.js v7
  • Transform raw data into engaging visuals with modern JavaScript techniques
  • Apply transitions, interactivity, and advanced layouts for real-world projects

Target Audience

Ideal for web developers, data journalists, designers, and analysts with a basic grasp of HTML, CSS, and JavaScript. If you want to create interactive, web-based data visualizations and bring your data to life, you'll find practical techniques and clear guidance at every step. No prior D3 or SVG experience is needed.

Related courses

Cover image for How to Visualize Data with D3
Cover image for Mastering the Charts Framework in SwiftUI 4 & iOS 16
Cover image for Build Android Apps with Claude Code - A Beginner's Guide
Cover image for The Complete Guide to Integrating JSON API with SwiftUI
Cover image for Build a Full-Stack E-Commerce iOS App: SwiftUI, Node.js & PostgreSQL
Cover image for Swift Testing Essentials: A Practical Guide