GeoJson World Database

svg d3.js geojson
todotresde picture todotresde · Mar 3, 2012 · Viewed 31.4k times · Source

I am working on a project where it is necessary to display maps of countries and cities using d3.js.

Actually, D3 supports GeoJson format. Usually, I guess, GeoJson format is converted from some other format.

I found some places with this GeoJson data:

http://mbostock.github.com/protovis/ex/countries.js

But, this is only a list of countries, I am looking for some service or program that gives me the ability to set an ID, get this format, and convert it to GeoJson, or get it in GeoJson better.

Thanks!!

Answer

nrabinowitz picture nrabinowitz · Mar 6, 2012

Does this need to be a service? Here's how I've approached this in the past, using free/Open Source tools:

Now you have hi-res GeoJSON data. Here, have some countries.

This is a really big file, though, so you'll want to split it up. But you don't need a service for this, just static files for each country, named by ID. This would be easy enough to produce with a script in your utility of choice (Python, Ruby, node.js).

Related questions

How can I remove or replace SVG content?

I have a piece of JavaScript code which creates (using D3.js) an svg element which contains a chart. I want to update the chart based on new data coming from a web service using AJAX, the problem is that …

Read More
D3 Appending Text to a SVG Rectangle

I'm looking to append html onto a rectangle in D3 to give me a multiple line tooltip. The bottom part is how I'm adding a rectangle which may be part of the problem. The top is the code that should …

Read More
How to add a tooltip to an svg graphic?

I have a series of svg rectangles (using D3.js) and I want to display a message on mouseover, the message should be surrounded by a box that acts as background. They should both be perfectly aligned to each other …

Read More