| .site-header:after, .controls:after { | |
| content: " "; | |
| display: table; | |
| clear: both; | |
| } | |
| a, a:focus, a:hover, figcaption a, figcaption a:focus, figcaption a:hover { | |
| background-position: bottom; | |
| background-repeat: repeat-x; | |
| background-size: 2px 2px; | |
| } |
To start with I downloaded Natural Earth 1:50m land shapefile. This was then reprojected to Web Mercator / EPSG:3857. I ran a series of buffers on the reprojected shapefile within QGIS. These were then combined, exported to Mapbox and styled. The final map turned out like this:
View the full web map on Mapbox.
| #!/bin/bash | |
| base_file='ne_50m_land' # change this to the filename of your shapefile | |
| echo "clipping shapefile ${base_file}.shp" | |
| ogr2ogr -f "ESRI Shapefile" ${base_file}_clipped.shp $base_file.shp -clipsrc -180 -85.06 180 85.06 | |
| echo "setting ${base_file} to web mercator projection" | |
| ogr2ogr -t_srs EPSG:3857 ${base_file}_clipped_3857.shp ${base_file}_clipped.shp |
| { | |
| "text": "RT @PostGradProblem: In preparation for the NFL lockout, I will be spending twice as much time analyzing my fantasy baseball team during ...", | |
| "truncated": true, | |
| "in_reply_to_user_id": null, | |
| "in_reply_to_status_id": null, | |
| "favorited": false, | |
| "source": "<a href=\"http://twitter.com/\" rel=\"nofollow\">Twitter for iPhone</a>", | |
| "in_reply_to_screen_name": null, | |
| "in_reply_to_status_id_str": null, | |
| "id_str": "54691802283900928", |
Mapping and ID-ing Philadelphia 2010 Census Tracts with D3 and TopoJSON
Data from Open Data Philly - Census Tracts.
Converted to topojson whilst preserving all fields.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Bells and Whistles</title> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="https://mapzen.com/js/mapzen.css"> | |
| <script src="https://mapzen.com/js/mapzen.min.js"></script> | |
| <style> | |
| #map { | |
| height: 100%; |