D3 in Depth: Rendering Geographic Information

D3 in Depth has dedicated a chapter to rendering geographic information. D3’s approach differs to so called raster methods such as Leaflet and Google Maps. Typically D3 requests vector geographic information in the form of GeoJSON and renders this to SVG or Canvas in the browser. D3 in Depth: Rendering Geographic Information →


TopoJSON is an extension of GeoJSON that encodes topology. Rather than representing geometries discretely, geometries in TopoJSON files are stitched together from shared line segments called arcs. […] TopoJSON eliminates redundancy, allowing related geometries to be stored efficiently in the same file. For example, the shared boundary between California and Nevada is represented only once, […]

Landline – Simple SVG maps that work everywhere.

Landline is a JavaScript library that creates SVG maps from GeoJSON. It comes with Stateline, which makes creating responsive U.S. state and county maps easy. Also perfectly possible to load in your own GeoJSON file, packed with MultiPolygons. Landline Source (GitHub) → Landline Demo →

A Map of Baseball Nation

Baseball fans may not list which team they favor on the census, but millions of them do make their preferences public on Facebook. Using aggregated data provided by the company, we were able to create an unprecedented look at the geography of baseball fandom Built using Google Maps. Also saw some GeoJSON fly by over […]

Convert ESRI Shapefile (.shp) to geoJSON (.json)

Conversion result implemented in Google Maps, using data of my hometown Deinze, Belgium To convert ESRI shapefiles to geoJSON (which you can perfectly use JavaScript and thus pass on to Google Maps, see screenshot above) you will need GDAL (Geospatial Data Abstraction Library) — Mac Users: download here. I have installed GDAL 1.9 Complete but […]