Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Learn D3.js
  • Table Of Contents Toc
Learn D3.js

Learn D3.js - Second Edition

By : Helder da Rocha
close
close
Learn D3.js

Learn D3.js

By: Helder da Rocha

Overview of this book

Learn D3.js, Second Edition, is a fully updated guide to building interactive, standards-compliant data visualizations for the web using D3.js v7 and modern JavaScript. Whether you're a developer, designer, data journalist, or analyst, this book will help you master the core techniques for transforming data into compelling, meaningful visuals. Starting with fundamentals like selections, data binding, and SVG, the book progressively covers scales, axes, animations, hierarchical data, and geographical maps. Each chapter includes short examples and a hands-on project with downloadable code you can run, modify, and use in your own work. This new edition introduces improved chapter structure, updated code samples using ES2019 standards, and better formatting for readability. Chapters were completely rewritten to focus on the most important topics first, with suggested exercises after each section, complete with commented solutions and online step-by-step tutorials. All code snippets are drawn from real-world D3 data visualization projects available in a GitHub repository, which also includes bonus content on integrating D3 into applications and migrating legacy code. With its practical approach, this book remains one of the most respected resources for learning D3.js and creating interactive data visualizations with JavaScript.
Table of Contents (27 chapters)
close
close
1
Part 1: Getting Started with D3
3
Chapter 2: Essential JavaScript for D3 (Online)
4
Chapter 3: Essential SVG for D3 (Online)
6
Part 2: Core D3
17
Part 3: Advanced D3

Summary

This chapter explored most of the functions available in the d3-shape module, which provides the tools used to create classic line and area charts, radial charts, and preconfigured symbols that can be used to represent points in these charts.

A shape generator function is used to generate SVG path strings, which can draw any geometrical shape. In this chapter, you learned how to configure line and area functions that convert a dataset into a path string that renders a line or an area, in Cartesian or polar coordinates.

This chapter also introduced the d3.symbol() function, which generates an SVG path string to render any shape. D3 comes with several preconfigured shapes that can be used as icons to identify categories in a data visualization, and you can also create your own.

In the next chapter, we will continue exploring the d3-shape module and focus on the layout generators that prepare data for pies and stacked charts. We will use the d3.arc() shape generator to...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learn D3.js
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon