Created
August 4, 2017 17:21
-
-
Save mbostock/c57be63169694093cca028194068ea3b to your computer and use it in GitHub Desktop.
Municipalities of Mexico
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| border: no | |
| height: 600 | |
| license: gpl-3.0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .DS_Store | |
| build | |
| node_modules |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <svg width="960" height="600" fill="none" stroke="#333"> | |
| <path id="municipalities" stroke-width="0.2"></path> | |
| <path id="states"></path> | |
| </svg> | |
| <script src="https://unpkg.com/d3-collection@1"></script> | |
| <script src="https://unpkg.com/d3-dispatch@1"></script> | |
| <script src="https://unpkg.com/d3-request@1"></script> | |
| <script src="https://unpkg.com/d3-selection@1"></script> | |
| <script src="https://unpkg.com/d3-geo@1"></script> | |
| <script src="https://unpkg.com/topojson-client@3"></script> | |
| <script> | |
| var path = d3.geoPath(); | |
| d3.json("mx.json", function(error, mx) { | |
| if (error) throw error; | |
| d3.select("#municipalities") | |
| .datum(topojson.feature(mx, mx.objects.municipalities)) | |
| .attr("d", path); | |
| d3.select("#states") | |
| .datum(topojson.feature(mx, mx.objects.states)) | |
| .attr("d", path); | |
| }); | |
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "scripts": { | |
| "prepublish": "bash prepublish" | |
| }, | |
| "devDependencies": { | |
| "d3-geo": "^1.6.4", | |
| "d3-geo-projection": "^2.2.0", | |
| "ndjson-cli": "^0.3.1", | |
| "shapefile": "^0.6.5", | |
| "topojson-client": "^3.0.0", | |
| "topojson-server": "^3.0.0", | |
| "topojson-simplify": "^3.0.2" | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| mkdir -p build | |
| # Download. | |
| curl -z build/estados.zip -o build/estados.zip http://mapserver.inegi.org.mx/MGN/mge2010v5_0.zip | |
| curl -z build/municipios.zip -o build/municipios.zip http://mapserver.inegi.org.mx/MGN/mgm2010v5_0.zip | |
| # Decompress. | |
| unzip -od build build/estados.zip | |
| unzip -od build build/municipios.zip | |
| # Compute the scale and translate for 960×600 inset by 10px. | |
| TRANSFORM=$(shp2json build/Entidades_2010_5.shp \ | |
| | ndjson-map -r d3=d3-geo 'p = d3.geoIdentity().reflectY(true).fitExtent([[10, 10], [960 - 10, 600 - 10]], d), "d3.geoIdentity().reflectY(true).scale(" + p.scale() + ").translate([" + p.translate() + "])"' \ | |
| | tr -d '"') | |
| # shp2json - convert shapefiles to GeoJSON. | |
| # ndjson-map - map property names and coerce numeric properties. | |
| # geoproject - scale and translate to fit in 960×500. | |
| # geo2topo - convert GeoJSON to TopoJSON. | |
| # toposimplify - simplify TopoJSON. | |
| # topoquantize - quantize TopoJSON. | |
| geo2topo -n \ | |
| states=<(shp2json -n build/Entidades_2010_5.shp \ | |
| | ndjson-map 'd.properties = {state_code: +d.properties.CVE_ENT, state_name: d.properties.NOM_ENT}, d' \ | |
| | geoproject -n ${TRANSFORM}) \ | |
| municipalities=<(shp2json -n build/Municipios_2010_5.shp \ | |
| | ndjson-map 'd.properties = {state_code: +d.properties.CVE_ENT, mun_code: +d.properties.CVE_MUN, mun_name: d.properties.NOM_MUN}, d' \ | |
| | geoproject -n ${TRANSFORM}) \ | |
| | toposimplify -p 1 \ | |
| | topoquantize 1e5 \ | |
| > mx.json |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment