Skip to main content
SimilarExport ZIP
100%

Fork of NYC Borough map

✓ Published0🌍 Public
JJose Morales
Last edited Oct 1, 2025
Created on Oct 1, 2025
Forked from NYC Borough map

A responsive world map renders country boundaries from a TopoJSON file fetched from the visionscarto-world-atlas package, converted to GeoJSON via `feature` from `topojson-client`. The React app manages viewport-size state and passes the data to a separate `viz` module, which builds the visualization using `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`. Countries fill with a light gray and white strokes overlaid on a graticule grid and outline, all rendered as SVG paths.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of World Map

This visualization displays a world map with country boundaries and graticules, rendered as SVG paths. The map uses a natural Earth projection via `geoNaturalEarth1` and `geoPath` from D3 v5, with land areas filled in orange against a black sphere backdrop. It loads geographic data from World Atlas TopoJSON and processes it with `topojson.feature` and `topojson.mesh` to extract land polygons and interior borders between countries, which are stroked in light blue. The React components encapsulate the data-loading hook and mark-rendering logic.

Bbhargavarathod
86% match
Loading thumbnail…

Fork of Simple World Map_new

This interactive world map renders country boundaries using a Natural Earth projection, displaying graticule lines and an outline for geographic context. Built with React and D3, the code fetches TopoJSON data from the `visionscarto-world-atlas` package and converts it to GeoJSON features using `topojson-client`. The map is drawn with `d3.geoPath` and `d3.geoNaturalEarth1`, with `d3.geoGraticule` generating the latitude and longitude grid.

PPremkumar
84% match
Loading thumbnail…

Fork of World Map

This visualization displays a world map rendered as SVG, with landmasses filled in teal and country borders drawn as thin interior lines atop a light gray sphere with graticule gridlines. It uses d3.geoNaturalEarth1 projection with d3.geoPath and d3.geoGraticule to generate the geographic shapes, while topojson’s feature and mesh methods extract land polygons and country boundaries from the world-atlas TopoJSON source. React manages the component structure, with data loaded asynchronously via d3.json.

SSam Hege
84% match
Loading thumbnail…

Fork of world assignment

This visualization displays a world map using a natural Earth projection, with each country rendered as a beige SVG path outlined in black against a sky-blue background. It fetches geographic data from the world-atlas package’s countries-110m.json endpoint, then projects the features using `d3.geoPath` with `d3.geoNaturalEarth1`. The code utilizes TopoJSON’s `feature` function to extract country boundaries and appends them as SVG path elements, styled via the `.country` CSS class. The rendering is driven by React and relies on D3 v5 for all geographic transformations and SVG generation.

Nnsatyaprakash22
84% match
Loading thumbnail…

Fork of Polished World Map

This fork of the Polished World Map displays country boundaries from World Atlas TopoJSON, rendered with SVG paths using the d3.geoNaturalEarth1 projection and d3.geoPath. The visualization includes graticules, a sphere outline, and stylized land and interior borders. The React component loads the TopoJSON with d3.json, converts features and meshes with topojson.feature and topojson.mesh, and renders the map with d3.geoGraticule and colored CSS classes.

YYedrup
84% match
Loading thumbnail…

Fork of Simple World Map

This example renders an interactive world map using Natural Earth data from the `visionscarto-world-atlas` package, fetched as TopoJSON and converted to GeoJSON via `topojson-client`. It draws graticules, an outline, and country borders using `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`. The React app triggers asynchronous loading of the atlas, then updates the SVG with a `d3` selection join. The visualization is a fork that emphasizes clean, unadorned geographic boundaries.

PPhilip Chiazor
84% match
Loading thumbnail…

Fork of World Map Simple

This fork of World Map Simple renders a basic world map using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticule and country outlines styled via SVG paths. Topological data is loaded from the visionscarto world-atlas and converted using `topojson-client`’s `feature` method. The React-compatible visualization updates asynchronously, fetching the JSON dataset before drawing countries, and uses D3’s `join` pattern for efficient DOM updates. The map fills the entire browser window, with no interaction or additional styling beyond the simple stroke and fill defaults.

Aanindyamehta@gmail.com
84% match
Loading thumbnail…

Fork of World Map Simple

This fork of World Map Simple renders a basic world map using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticule and country outlines styled via SVG paths. Topological data is loaded from the visionscarto world-atlas and converted using `topojson-client`’s `feature` method. The React-compatible visualization updates asynchronously, fetching the JSON dataset before drawing countries, and uses D3’s `join` pattern for efficient DOM updates. The map fills the entire browser window, with no interaction or additional styling beyond the simple stroke and fill defaults.

Aanindyamehta@gmail.com
84% match