Learning D3.js 4 Mapping - Second Edition

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

Learning D3.js 4 Mapping - Second Edition

Thomas Newton, Oscar Villarreal, Lars Verspohl

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

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
eBook
$22.40
RRP $31.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$22.40
$39.99
$29.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Learning D3.js 4 Mapping - Second Edition Book Cover
Learning D3.js 4 Mapping - Second Edition
$ 31.99
$ 22.40
Learning d3.js Data Visualization - Second Edition Book Cover
Learning d3.js Data Visualization - Second Edition
$ 31.99
$ 22.40
Buy 2 for $35.00
Save $28.98
Add to Cart

Book Details

ISBN 139781787280175
Paperback298 pages

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.

Table of Contents

Chapter 1: Gathering Your Cartography Toolbox
Quick bootstrap
Step-by-step bootstrap
Using the web browser as a development tool
Summary
Chapter 2: Creating Images from Simple Text
The SVG coordinate system
Line
Rectangle
Circle
Polygon
Path
Transform
Grouping
Text
Summary
Chapter 3: Producing Graphics from Data - the Foundations of D3
Creating basic SVG elements
The enter() function
The update function
The exit() function
AJAX
Summary
Chapter 4: Creating a Map
Foundation - creating your basic map
Experiment 1 – adjusting the bounding box
Experiment 2 – creating choropleths
Experiment 3 – adding click events to our visualization
Experiment 4 – using updates and transitions to enhance our visualization
Experiment 5 – adding points of interest
Experiment 6 – adding visualizations as a point of interest
Summary
Chapter 5: Click-Click Boom! Applying Interactivity to Your Map
Events and how they occur
Experiment 1 – hover events and tooltips
Experiment 2 – tooltips with visualizations
Experiment 3 – panning and zooming
Experiment 4 – orthographic projections
Experiment 5 – rotating orthographic projections
Experiment 6 – dragging orthographic projections
Summary
Chapter 6: Finding and Working with Geographic Data
Geodata file types
Summary
Chapter 7: Testing
Code organization and reusable assets
Project structure
Writing testable code
Unit testing
Creating resilient visualization code
Summary
Chapter 8: Drawing with Canvas and D3
Introducing Canvas
Animating the Canvas
Summary
Chapter 9: Mapping with Canvas and D3
Choosing Canvas or SVG
Visualizing flight paths with Canvas and D3
Summary
Chapter 10: Adding Interactivity to Your Canvas Map
Why Canvas interaction is different
Drawing the world on a Canvas
Making the world move
Finding the Canvas object under the mouse - Picking
Visualizing data per country and adding a tooltip
Summary
Chapter 11: Shaping Maps with Data - Hexbin Maps
Reviewing map visualization techniques
Value and use of the hexagon
Making a hexbin map
Summary
Chapter 12: Publishing Your Visualization with Github Pages
What we will publish
Understanding the type of content you can publish
Hosting your code on GitHub
Publishing your project on GitHub Pages
Summary

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

Authors

Table of Contents

Chapter 1: Gathering Your Cartography Toolbox
Quick bootstrap
Step-by-step bootstrap
Using the web browser as a development tool
Summary
Chapter 2: Creating Images from Simple Text
The SVG coordinate system
Line
Rectangle
Circle
Polygon
Path
Transform
Grouping
Text
Summary
Chapter 3: Producing Graphics from Data - the Foundations of D3
Creating basic SVG elements
The enter() function
The update function
The exit() function
AJAX
Summary
Chapter 4: Creating a Map
Foundation - creating your basic map
Experiment 1 – adjusting the bounding box
Experiment 2 – creating choropleths
Experiment 3 – adding click events to our visualization
Experiment 4 – using updates and transitions to enhance our visualization
Experiment 5 – adding points of interest
Experiment 6 – adding visualizations as a point of interest
Summary
Chapter 5: Click-Click Boom! Applying Interactivity to Your Map
Events and how they occur
Experiment 1 – hover events and tooltips
Experiment 2 – tooltips with visualizations
Experiment 3 – panning and zooming
Experiment 4 – orthographic projections
Experiment 5 – rotating orthographic projections
Experiment 6 – dragging orthographic projections
Summary
Chapter 6: Finding and Working with Geographic Data
Geodata file types
Summary
Chapter 7: Testing
Code organization and reusable assets
Project structure
Writing testable code
Unit testing
Creating resilient visualization code
Summary
Chapter 8: Drawing with Canvas and D3
Introducing Canvas
Animating the Canvas
Summary
Chapter 9: Mapping with Canvas and D3
Choosing Canvas or SVG
Visualizing flight paths with Canvas and D3
Summary
Chapter 10: Adding Interactivity to Your Canvas Map
Why Canvas interaction is different
Drawing the world on a Canvas
Making the world move
Finding the Canvas object under the mouse - Picking
Visualizing data per country and adding a tooltip
Summary
Chapter 11: Shaping Maps with Data - Hexbin Maps
Reviewing map visualization techniques
Value and use of the hexagon
Making a hexbin map
Summary
Chapter 12: Publishing Your Visualization with Github Pages
What we will publish
Understanding the type of content you can publish
Hosting your code on GitHub
Publishing your project on GitHub Pages
Summary

Book Details

ISBN 139781787280175
Paperback298 pages
Read More

Read More Reviews

Recommended for You

Learning d3.js Data Visualization - Second Edition Book Cover
Learning d3.js Data Visualization - Second Edition
$ 31.99
$ 22.40
D3.js 4.x Data Visualization - Third Edition Book Cover
D3.js 4.x Data Visualization - Third Edition
$ 31.99
$ 22.40
Learning Angular - Second Edition Book Cover
Learning Angular - Second Edition
$ 35.99
$ 25.20
Learning Neo4j 3.x - Second Edition Book Cover
Learning Neo4j 3.x - Second Edition
$ 39.99
$ 28.00
Learning PostgreSQL 10 - Second Edition Book Cover
Learning PostgreSQL 10 - Second Edition
$ 27.99
$ 14.00
Mastering Microservices with Java 9 - Second Edition Book Cover
Mastering Microservices with Java 9 - Second Edition
$ 35.99
$ 25.20