Skip to main content
SimilarExport ZIP
100%

Fork of Australia map

✓ Published0🌍 Public
TTekmal-Bhavana
Last edited Apr 12, 2023
Created on Apr 12, 2023
Forked from Mexico map

This map displays Mexico’s states using a Mercator projection with d3.geoPath and d3.geoMercator. It fetches TopoJSON data from a GitHub gist, converts it with topojson.feature, and renders each state as a green SVG path with yellow borders. A blue graticule overlay is drawn using d3.geoGraticule. The visualization is built with React, which loads the data asynchronously via d3.json and displays a loading message until the geometry is ready.

AI-generated description

used arcgis.com data for plotting states and boundaries mapshaper.org to create JSON of states witin mexico using mercator projection Still need to center on the rendered image

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of America Map

This choropleth-style map displays Australian states using light green fills with brown borders and hover highlighting. The visualization uses a geo-albers-usa projection through `d3.geoPath` to render TopoJSON data fetched from a GitHub gist, with state names labeled at each region’s centroid. Built with D3 v5 and TopoJSON, the SVG paths include tooltips via appended `title` elements, while state labels are positioned using the path generator’s `centroid` method.

RRahulSai05
87% match
Loading thumbnail…

Fork of Mexico map

This map displays Mexico with a Mercator projection, showing state boundaries and graticules. Built with React and D3 v6, the visualization uses `geoMercator`, `geoPath`, and `geoGraticule` to render geographic features as SVG paths, with state land in red and graticules in aqua. The data comes from a TopoJSON file fetched via `d3.json` and converted to GeoJSON using `topojson.feature`, sourced from the geoBoundaries release for Mexico.

YYerlan Yeszhanov
85% match
Loading thumbnail…

Fork of Mexico map

A choropleth-style SVG map of Mexico renders geographic region boundaries using D3's `geoMercator` projection and `geoPath`. The map displays each state as a green path with yellow strokes, overlaid with blue graticule lines. Geographic data loads from a TopoJSON file via D3's `json` function and `topojson.feature`, while React manages the component state. The visualization also imports multiple alternative projections (`geoEqualEarth`, `geoNaturalEarth1`) though only Mercator is applied.

Nnavyasrimeka9@gmail.com
85% match
Loading thumbnail…

Fork of Fork of Mexico Region Map ( D3 & React & TopoJSON )

This map of Mexico displays its regional boundaries using a Web Mercator projection. The visualization layers a graticule and state landmasses as SVG paths, colored with a teal fill and white strokes. Built with D3 v6 and React, it loads TopoJSON data from a GitHub gist, converts it to GeoJSON via the `topojson` feature API, and renders it using `d3.geoPath`. The original data source for the boundaries is attributed to ArcGIS.

SSaikiran2029
84% match
Loading thumbnail…

Fork of Mexico Map ( D3 & React )

This example renders a choropleth-style map of Mexico’s states using a Mercator projection implemented with `d3.geoMercator` and `d3.geoPath`. The SVG marks are drawn from TopoJSON data loaded via `d3.json` and converted with `topojson.feature`, with graticules displayed as background paths. Built as a React component, the visualization fetches state boundaries from a public gist of arcgis.com data, processed with mapshaper. The current center coordinates are set, but the README notes the map still needs alignment on the rendered image.

AAndres de la Garza
84% match
Loading thumbnail…

Fork of Mexico map

This example visualizes a map of Mexico using a Mercator projection, displaying state boundaries and graticules. Built with React and D3 v6, the code fetches TopoJSON data from a gist, converts it to GeoJSON features with the `topojson` library’s `feature` function, and renders the paths using `d3.geoPath` and `d3.geoMercator`. The map is centered approximately on [-102, 24] and uses colorful strokes and fills to distinguish land, graticules, and other layers.

SSheela2930
84% match
Loading thumbnail…

Fork of austrailia

This fork of a D3.js map visualization displays Argentina’s provinces using a transverse Mercator projection. The code loads GeoJSON data from a gist and renders each region as a styled SVG path with hover effects, using `d3.geoPath` and `d3.geoTransverseMercator`. A zoom behavior via `d3.zoom` allows interactive panning and scaling of the map. The visualization also incorporates `topojson.feature` and a sphere background, with a green-to-maroon hover fill for country outlines.

TTekmal-Bhavana
84% match
Loading thumbnail…

Fork of Japan map

This example displays a choropleth-style map of Mexico, rendered with a Mercator projection using d3.geoPath. The map shows state boundaries and graticules, with land areas filled in green and outlined in yellow, while graticules appear in blue and teal. The visualization is built with React, using d3.json to fetch TopoJSON data from a GitHub gist and topojson.feature to convert it into GeoJSON. The code is a fork of a Japan map example, adapted to focus on Mexico’s geographic layout.

RRinoj-Gautam
84% match