Skip to main content
Have a personal or library account? Click to login
Learning D3.js 5 Mapping Cover

Learning D3.js 5 Mapping

Build cutting-edge maps and visualizations with JavaScript

Publisher:Packt Publishing Limited
Paid access
|Jul 2025
Product purchase options
Description

Crisp and concise guide on building impressive maps as well as visualizations with D3 a JavaScript library

Key Features

  • Dive into D3.js and apply its powerful data binding ability in order to create stunning visualizations
  • Learn the key concepts of SVG, JavaScript, CSS and the DOM to bring data and shapes to live in the browser
  • Solve common problems faced while building interactive maps
  • Acquire key web development skills from the creating your interactive to testing and finally publishing it.

Book Description

D3.js is a visualization library used for the creation and control of dynamic and interactive graphical forms. It is a library used to manipulate HTML and SVG documents as well as the Canvas element based on data. Using D3.js, developers can create interactive maps for the web, that look and feel beautiful.

This book will show you how build and design maps with D3.js and gives you great insight into projections, colors, and the most appropriate types of map.

The book begins by helping you set up all the tools necessary to build visualizations and maps. Then it covers obtaining geographic data, modifying it to your specific needs, visualizing it with augmented data using D3.js. It will further show you how to draw and map with the Canvas API and how to publish your visualization. By the end of this book, you'll be creating maps like the election maps and the kind of infographics you'll find on sites like the New York Times.

What you will learn

  • Work with SVG geometric shapes
  • Learn to manage map data and plot it with D3.js
  • Add interactivity and points of interest to your maps
  • Compress and manipulate geoJSON files with the use of topoJSON
  • Learn how to write testable D3.js visualizations
  • Build a globe with D3.js and Canvas and add interactivity to it.
  • Create a hexbin map with D3.js

Who this book is for

This book is for people with at least a basic knowledge of of web development (basic HTML/CSS/JavaScript). You don’t need to have worked with D3.js before.

Table of Contents

  1. GATHER YOUR CARTOGRAPHER'S TOOLBOX
  2. CREATING IMAGES FROM SIMPLE TEXT
  3. PRODUCING GRAPHICS FROM DATA
  4. CREATING A MAP
  5. APPLYING INTERACTIVITY TO YOUR MAP
  6. FINDING AND WORKING WITH GEOGRAPHIC DATA
  7. TESTING
  8. Drawing with Canvas and D3
  9. Mapping with D3 and Canvas
  10. Adding interactivity to a canvas map
  11. Shaping maps with data
  12. Publishing a visualisation with GitHub pages
PDF ISBN: 978-1-78728-425-8
Publisher: Packt Publishing Limited
Copyright owner: © 2017 Packt Publishing Limited
Publication date: 2025
Language: English
Pages: 298
Related subjects:
Computer sciences,
Computer sciences, other

People also read

Learning D3.js Mapping
Book

Learning D3.js Mapping

Learn D3.js
Book
Coming soon

Learn D3.js

Helder Da Rocha
D3.js Quick Start Guide
Book

D3.js Quick Start Guide

Matthew Huntington
D3.js 4.x Data Visualization
Book

D3.js 4.x Data Visualization

Aendrew Rininsland Rininsland, Swizec Teller
Mastering D3.js
Book

Mastering D3.js

Data Visualization with D3.js Cookbook
Book

Data Visualization with D3.js Cookbook

Nick Zhu
Expert Data Visualization
Book

Expert Data Visualization

Jos Dirksen
Data Visualization with D3 4.x Cookbook
Book

Data Visualization with D3 4.x Cookbook

Nick Zhu
D3: Modern Web Visualization
Book

D3: Modern Web Visualization

Victor M Garcia Sanabria
HTML5 Graphing and Data Visualization Cookbook
Book

HTML5 Graphing and Data Visualization Cookbook

Ben Fhala