Mexico

100%

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Feb 28, 2014

This map of Mexico displays all municipalities as dark gray polygons with white state and municipal boundaries. Hovering highlights a region in orange, and a tooltip shows its name. The visualization uses D3 v3’s `d3.geo.path` with a null projection to render pre-projected TopoJSON data, created from INEGI shapefiles via TopoJSON’s command-line tool. Municipality and state boundaries are drawn from the same TopoJSON mesh.

AI-generated description

Like the other Mexican municipalities map, but using projected TopoJSON for faster rendering and better simplification. In response to a Stack Overflow question.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Mexico

Mexico’s municipalities are displayed as a dark choropleth map, using a conic conformal projection applied client-side. The visualization renders each municipality as an SVG path, with hover highlighting in orange; state and municipality boundaries are drawn as white lines. The code uses D3’s `d3.geo.path`, `d3.geo.conicConformal`, and `topojson` to create the map from the preprocessed `mx.json` TopoJSON file. The underlying data derives from INEGI’s 2010 municipal geographic database, simplified and converted via `ogr2ogr` and the TopoJSON build script.

Mmbostock

93% match

Loading thumbnail…

Municipalities of Mexico

A map of Mexico displays all municipalities as fine gray lines and state boundaries as thicker outlines, rendered with SVG. The visualization uses `d3.geoPath` to project TopoJSON data containing both municipality and state geometry. The geographic data is sourced from INEGI shapefiles and processed into a quantized TopoJSON format via the command-line preprocessing script.

Mmbostock

90% match

Loading thumbnail…

Municipalities of Mexico II

This example displays a map of Mexico with two layered vector paths: municipalities rendered with thin strokes and states overlaid with thicker outlines. It uses a TopoJSON file that was preprocessed from INEGI shapefiles using command-line tools and visualizes the data with D3’s `d3.geoMercator` projection and `d3.geoPath`. The map is drawn as SVG, with the paths selected and bound to the TopoJSON features via `topojson.feature` and `d3.json`.

Mmbostock

84% match

Loading thumbnail…

Mexico map

This example displays a map of Mexico, rendering the country’s regions as purple landmasses outlined in yellow, set against a blue graticule grid. The visualization uses a Mercator projection configured with `geoMercator`, scaling and centering the map over the country. Geographic data is loaded as TopoJSON from a GitHub gist and converted to GeoJSON using `feature` from the `topojson` library. The map is drawn with `d3.geoPath` into an SVG within a React component, with styling applied via CSS classes.

Hhm0421

83% match

Loading thumbnail…

Mexico Country Map

This visualization displays a Mexico country map with state boundaries as gray filled polygons with red outlines, set against graticule lines and a geographic projection backdrop. It uses a Mercator projection centered on the country, refined with d3.geoMercator and d3.geoPath to render the SVG paths. TopoJSON data, sourced from ArcGIS and processed via mapshaper, is loaded with d3.json and converted to GeoJSON features using the topojson.feature API. The React-based UI manages data loading with hooks while D3 v6 handles the geographic rendering.

HHemanthh81

83% match

Loading thumbnail…

mexico map

This visualization displays a map of Mexico highlighting its internal state boundaries and graticule lines, rendered using an SVG projection. The map uses a Mercator projection centered on the country and geoJSON data sourced from ArcGIS, processed through mapshaper. The React app loads topojson data via d3.json and converts it to GeoJSON using topojson.feature, while d3.geoPath generates the geographic paths. Each state is drawn as a teal landmass with white borders against a light graticule overlay.

Ssrivalliwuyyuru

81% match

Loading thumbnail…

Mexico map

This choropleth-style map displays the regions of Mexico, with each state rendered as a closed path. The visualization uses a Mercator projection, centered on the country’s coordinates, and draws a graticule overlay in a contrasting color. The map is built with D3 v6's `geoMercator` and `geoPath` functions within a React component. State boundaries originate from ArcGIS data, which is converted to GeoJSON via mapshaper and then loaded through D3's `json` method in the `getMexico.js` file.

PPavaniMangugari

81% match

Loading thumbnail…

Mexico map

This example displays a static map of Mexico’s state boundaries using a Mercator projection. The map renders each state as a gray path with black borders, overlaid with white graticule lines and a light teal outline. The visualization uses React to manage state and rendering, while D3’s `geoMercator`, `geoPath`, and `geoGraticule` handle the geographic projection and path generation. State boundaries are derived from a TopoJSON file accessed via a GitHub gist, converted to GeoJSON using the `topojson` library’s `feature` method.

Mmboinapally17

81% match