Example of using d3 to display geojson generated from a shapefile
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 1 commit ahead of vlandham:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
coffee
data
js
LICENSE
README.textile
config.ru
index.html

README.textile

A really quick example of getting geoJSON to display using D3

This repo is part of the From Shapefile to geoJSON post.

About

Check out coffee/vis.coffee for the implementation.

Also, this example has been reworked with a JavaScript only version in js/vis.js.

Pick your poison!

Running

You can start up a local webserver by using python’s simple server:

python -m SimpleHTTPServer 3000

or thin in ruby

thin start
# might have to run 'bundle install' first

Now go to http://0.0.0.0:3000

and you have a basic visualization

OR – I’ve been using node’s http-server as of late, which works just as well.

You need to have it installed:

npm install -g http-server

Then you just run http-server in the root directory of your site:

http-server ./

Now go to http://0.0.0.0:8080

Inspiration

As detailed in the post, most of this code comes from Bostock’s Choropleth Example .

Automatically figuring out the boundaries and scale of the projection comes from another Bostock example .