Visualizing Geographical Data with D3.js

One of D3's coolest features is that it enables you to build visualizations of geographical data with ease, such as this interactive map:

An interactive map that shows a country's neighbors

In Chapter 11 of Learn D3.js, Helder da Rocha shows you how to process geographical data using files in standard vector formats for web-basedgeographical information systems (GIS), such as GeoJSON and TopoJSON. You will then use these to render interactive map visualizations using D3.js. You will learn how to display this data using a map projection of your choice and decorate it with graticules, meridians, parallels, labels, and thematic data that's been extracted from the files. You can choose the projection that best fits the purpose of your map from a very large collection of projection functions that are available in the d3-geo, d3-geo-projection, and d3-geo-polygon modules. Combining it with other data files, you can create dot distributions, bubble charts, flow diagrams, choropleths, and other thematic maps.

Learn D3.js

This book is a practical hands-on introduction to create and publish your own interactive data visualization projects on the web-even if you have little or no experience with data visualization or web development. The purpose of this book is to teach developers how to create beautiful, efficient and interactive data visualizations for the Web.

Get mapping!

Start your subscription today and you'll get access to this book, plus 300+ other web design and development books in SitePoint Premium!

New subscribers can currently get 60% off for the first three months. That’s $3 a month to access 400+ tech books and courses — grab the deal here.

Until next time,
James at SitePoint