Skip to main content
SimilarExport ZIP
100%

Fork of Polished World Map

✓ Published0🌍 Public
VVu Le
Last edited Dec 4, 2022
Created on Nov 25, 2022
Forked from Polished World Map

A fork of the Polished World Map renders U.S. state boundaries as an SVG visualization using React and D3 v5. The map displays land masses in teal with graticules and interior borders, loaded from the us-atlas TopoJSON dataset. The code employs `topojson.feature` to convert the data into GeoJSON and `d3.geoPath` to draw shapes, with styles applied through CSS classes. A YouTube embed is included in the README, though no playback functionality appears in the application itself.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Polished World Map

This example displays a map of U.S. states, rendered as outlined polygons using React and SVG. The map uses the `geoAlbersUsa` projection from D3 v5 and draws state boundaries with `d3.geoPath`. Geographic data is loaded from the U.S. Atlas TopoJSON, converted via the `topojson.feature` API, and styled with a teal fill on a light gray background. Although the README mentions world country boundaries and graticules, the current code focuses solely on U.S. state shapes.

KKeyvan Rezaei
92% match
Loading thumbnail…

Fork of Polished World Map

This example displays a map of U.S. states filled with a teal color, rendered as SVG paths inside a React component. It uses the `d3.geoAlbersUsa` projection and `d3.geoPath` to convert TopoJSON state boundaries from the `us-atlas` dataset into visible shapes. The map is drawn within a React app that loads the data asynchronously via `useEffect` and the D3 `json` function, while the `topojson.feature` API extracts the state geometries.

Hhasti khajeh
92% match
Loading thumbnail…

Fork of Polished World Map

This interactive world map visualizes country boundaries, graticules, and landmasses using a Natural Earth projection. It renders geographic features as SVG paths via `d3.geoPath`, with land filled in teal and interiors stroked in a lighter hue over a gray sphere. The visualization loads a TopoJSON topology from the us-atlas dataset, converting it into features and meshes with the `topojson.feature` and `topojson.mesh` APIs. The React app uses `d3.json` to fetch the data and displays a loading message until available.

VVu Le
91% 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
90% match
Loading thumbnail…

Fork of Polished World Map

This visualization displays a world map with country boundaries, rendered as an SVG using the d3.geoPath projection and d3.geoGraticule for graticules. Country shapes are filled in teal, with interiors highlighted in a lighter stroke. The map is built with React, using the d3.json loader to fetch World Atlas TopoJSON data from unpkg. The code leverages the topojson library’s feature and mesh functions to extract land and interior boundaries, and the d3.geoNaturalEarth1 projection defines the map’s spherical look.

JJean David
90% match
Loading thumbnail…

Fork of Polished World Map

This visualization displays a world map with country boundaries, rendered as an SVG using the d3.geoPath projection and d3.geoGraticule for graticules. Country shapes are filled in teal, with interiors highlighted in a lighter stroke. The map is built with React, using the d3.json loader to fetch World Atlas TopoJSON data from unpkg. The code leverages the topojson library’s feature and mesh functions to extract land and interior boundaries, and the d3.geoNaturalEarth1 projection defines the map’s spherical look.

JJean David
90% match
Loading thumbnail…

Fork of Polished World Map

This visualization presents a polished world map rendered in SVG, displaying country boundaries as black landmasses on a white sphere with subtle graticule lines. It uses React with D3 v5, employing `d3.geoMercator` and `d3.geoPath` to project and draw geographic features, while `d3.geoGraticule` generates the grid overlay. The data comes from the World Atlas TopoJSON, processed via the `topojson` library’s `feature` and `mesh` functions to extract land polygons and interior borders.

EElena Ionescu
89% match
Loading thumbnail…

Fork of Polished World Map

This example displays a polished world map with country boundaries, graticules, and a sphere outline, rendered as an SVG using React. It fetches TopoJSON data from the World Atlas and converts it to GeoJSON with `topojson.feature` and `topojson.mesh`. The visualization uses `d3.geoNaturalEarth1` for projection and `d3.geoPath` to draw paths, with custom styling for land, interiors, and graticules in CSS.

Hhung2606
89% match