Creating Zip Code-Level Choropleth Using Leaflet.JS?

Question

I am new to Leaflet.js.

Is it possible to create a choropleth using zip-code level data?

I've seen plenty of choropleth examples using state-level data and even a few using county-level data.

If so, what would be a good way to go about it using Leaflet?

Do I need to obtain coordinates for the shapes of each zip code I'm interested in visualizing?

You can find ZCTA (the US Census Bureau's approximation of zipcodes, an explanation of which you can read about here) shapefiles here: ftp2.census.gov/geo/tiger/TIGER2013/ZCTA5/… — blah238, Jun 20, 2014 at 22:54

Community · Accepted Answer · 2017-04-13 12:34:03Z

7

Get a polygon feature class of the zip codes that you want to add
Store your polygon zip code feature class in a RDBMS like PostGIS
Encode your polygon zip code geometry objects to GeoJSON objects
Create a GeoJSON layer and populate it with your GeoJSON objects
Use the polygon extension of the path abstract class from Leaflet documentation to symbolize fill color, opacity etc. based on data either supplied by user or from your polygon feature class.

CommunityBot

1

answered Jun 20, 2014 at 21:49

Conor

3,0222 gold badges16 silver badges44 bronze badges

Add a comment |

DShook · Accepted Answer · 2014-10-02 02:27:22Z

4

Check out a tutorial I wrote on my blog:

Doing this dynamically requires some back-end setup to serve up the geoJSON with data joined

answered Oct 2, 2014 at 2:27

DShook

1412 bronze badges

Add a comment |

2 Answers 2