block by pbogden 6056674

Google & D3

Full Screen

D3 & Google Maps

This version of mbostock’s block does a couple things differently.

  1. Sets the viewport with data using google.maps.Map().fitBounds()
  2. Puts all data on a single SVG (rather than one SVG per data point)
  3. Puts the SVG on the overlayMouseTarget pane; this pane receives mouse events
  4. Each station has a gray circle that can be dragged to a new location

index.html

stations.json