Skip to main content
SimilarExport ZIP
100%

Fork of Polished World Map

✓ Published0🌍 Public
Mmark.horne99@gmail.com
Last edited Mar 7, 2022
Created on Mar 7, 2022
Forked from Polished World Map

This world map visualizes country boundaries from the World Atlas Topojson dataset, rendered as an SVG using a React component. The d3.geoNaturalEarth1 projection and d3.geoPath draw the landmasses, graticules, and interior borders, while the sphere outline creates a polished globe effect. Land areas are filled in teal with lighter stroke boundaries, and graticules appear as subtle gray lines. The visualization uses d3.json to load the data and topojson.feature and topojson.mesh to extract the geographic features.

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

A stylized world map renders country boundaries from World Atlas TopoJSON data, with landmasses filled in teal and internal borders drawn as thin strokes. The visualization uses the d3.geoNaturalEarth1 projection, d3.geoPath, and d3.geoGraticule to draw the sphere, graticules, and country features, while React manages the component structure and SVG output. The map presents a polished, clean aesthetic suitable for geographic reference.

Bbigstonecompany
97% 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
96% 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
96% match
Loading thumbnail…

Fork of Polished World Map

This world map visualizes country boundaries and landmasses using World Atlas TopoJSON data, showing graticules, country borders, and a styled sphere. It uses React with D3 v5’s `geoNaturalEarth1` projection and `geoPath` to render SVG paths for land, interiors, and graticules. The map is split into land and interior meshes via `topojson.feature` and `topojson.mesh`, with a teal color scheme applied through CSS.

Cchar0496
96% match
Loading thumbnail…

Fork of Polished World Map

This map displays country boundaries from the World Atlas TopoJSON source overlaid with graticules and sphere outlines. It is rendered as SVG with React, using d3.geoNaturalEarth1 for projection, d3.geoPath for path generation, and d3.geoGraticule for the graticule layer. The land polygons are filled teal, interiors drawn in a contrasting stroke, and the graticules in light gray. Data is fetched via d3.json from unpkg and processed with topojson’s feature and mesh functions.

Yyaswanthsen
96% match
Loading thumbnail…

Fork of Polished World Map

This example presents a polished world map visualizing country boundaries and landmasses sourced from World Atlas TopoJSON data. The visualization uses a natural Earth projection rendered as an SVG, with dark blue land areas, light gray sphere background, and teal graticules displayed with dashed strokes. The code leverages `geoNaturalEarth1`, `geoPath`, and `geoGraticule` from d3, while React manages the component structure. Country interiors are highlighted using a TopoJSON mesh, creating distinct border lines between adjacent nations against the stylized dark background.

MMesh-7777
96% match
Loading thumbnail…

Fork of Polished World Map

This example displays a world map with country boundaries and graticules, rendered as SVG using React and D3 v5. It shows the full sphere and landmasses colored in teal, with interior country borders and graticule lines in lighter strokes. The visualization loads World Atlas TopoJSON data from unpkg, converting it to GeoJSON features and a mesh with the topojson library. The map uses d3.geoNaturalEarth1 for projection and d3.geoPath to draw the sphere, land, and border paths.

MMar-99
96% 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
96% match