Designing Beautiful Maps with D3.js

Michael Bowman
Applied Information Sciences
Dayton Data Visualization Group


My name is Michael Bowman and I'm going to help you Design Beautiful Maps with D3.js

The source code for this presentation is available at

What is D3.js?

  • Data Driven Documents
  • Toolkit for building interactive visualizations with SVG

Ok, why SVG?

  • W3C Standard
  • Wide Browser Support
  • Human Readable (...ahem)
  • Developer Tools

Why is it good for making maps?


  • No Defaults
  • Colors
  • Projections
  • Interactivity

Alright, You've convinced me.

Let's see some code.