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

Creating Line and Area Charts

Classic chart types are created in D3 by generating SVG or Canvas with the d3-shape module: а complete library for drawing geometric shapes commonly used in data visualizations. This is the module you need to create line charts, area charts, pie/donut charts, and radial charts.

D3 provides eight shape generators. They return functions that either generate SVG strings, which can be bound to graphical elements in your page, or run Canvas commands that can render the shapes in an HTML Canvas context, based on the data you provide. These generators are also used to draw preconfigured symbols and smooth spline curves for hierarchical linked structures.

This chapter will cover the shape generator functions used to generate lines, areas, and reusable symbols, and demonstrate how you can use them to create data visualizations in Cartesian and radial layouts. As in previous chapters, step-by-step online tutorials are provided showing how to create a...

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