Skip to content

Instantly share code, notes, and snippets.

@jefffriesen
Last active November 4, 2024 23:30
Show Gist options
  • Save jefffriesen/6892860 to your computer and use it in GitHub Desktop.
Save jefffriesen/6892860 to your computer and use it in GitHub Desktop.
US Zip Codes

This is a d3.js visualization of US zip codes.

Original zip code dataset from Geocommons.

5MB shapefile with properties such as zipcode, state, name, population, area, more.

http://geocommons.com/overlays/54893 (Thank you Bill Greer)

This converts it nicely:

topojson \
  -p name=PO_NAME \
  -p zip=ZIP \
  -p state=STATE \
  -o zips_us_topo.json \
  zip_codes_for_the_usa.shp
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.zip {
fill: none;
stroke: #CCC;
stroke-width: .5px;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/queue.v1.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script>
var width = 960,
height = 500;
var path = d3.geo.path();
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
queue()
.defer(d3.json, "zips_us_topo.json")
.await(ready);
function ready(error, us) {
svg.append("g")
.attr("class", "counties")
.selectAll("path")
.data(topojson.feature(us, us.objects.zip_codes_for_the_usa).features)
.enter().append("path")
.attr("class", "zip")
.attr("data-zip", function(d) {return d.properties.zip; })
.attr("data-state", function(d) {return d.properties.state; })
.attr("data-name", function(d) {return d.properties.name; })
.attr("d", path);
}
</script>
</body>
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@jlev
Copy link

jlev commented Sep 29, 2015

@RussRezek and @roesler-stan I just spent several hours doing this, because I couldn't find any current open data online. Compiled and simplified topojson with makefile at https://github.com/storiesofsolidarity/us-data/tree/gh-pages/geography/zcta

Note, these are ZCTAs not actual zipcode routes.

@RussRezek
Copy link

Much appreciated @jlev. I'm still having trouble scaling them properly using python Vincent, but I think it has something to do with the projections that I am using. They look fine in http://mapshaper.org.

@loganrkerr
Copy link

Not sure if this is relevant for anyone, but I created some GeoJSON files here grouping the zip codes in @jefffriesen's TopoJSON by Metropolitan Statistical Area (MSA).

@Oscarsgc
Copy link

Can anybody help me? I need to get the zipcodes map, unfortunately the geocommons link is not available anymore... I need the full USA ZIP Code map, including Alaska... anybody knows how can i get it? I've been looking for that map for almost 3 weeks @jefffriesen

@oller
Copy link

oller commented Jul 7, 2016

Any luck finding anything @Oscarsgc?

In the same boat as you.. this topojson dataset is great, it's just seems to be missing Alaska (AK) and Hawaii (HI) which can be presented nicely with the albersUSA projection - as can be seen here: https://bl.ocks.org/mbostock/4060606

@priyakhokher
Copy link

priyakhokher commented Mar 15, 2017

Hi @jefffriesen,
the link for the data does not work now ! Can you update it if you know where the data is now ?

Best,
@priyakhokher

@nishadthajudeen
Copy link

@jefffriesen - what is your recommendation to get a latest version of zips_us_topo.json(data)?

@jefffriesen
Copy link
Author

Hey everyone - sorry - I never saw comments on this gist until just now. Unfortunately I don't know where any updated data is now. If you find it please post it here.

@skonkimalla
Copy link

Hi everyone, any one has updated topo JSON with MSA data? please share here if you find any..thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment