Skip to main content
SimilarExport ZIP
100%

Fork of Polished World Map

✓ Published0🌍 Public
AAnkit-Ian-53787
Last edited Oct 26, 2021
Created on Oct 26, 2021
Forked from Polished World Map

This visualization displays a world map with country boundaries rendered as filled teal shapes against a light gray sphere, overlaid with graticule lines and interior borders. The map uses `d3.geoNaturalEarth1` for projection and `d3.geoPath` to draw the geographic features from World Atlas TopoJSON data loaded via `d3.json`. React manages the component structure, while SVG elements render the map within a fixed 960×500 viewport. Styling applies a polished color palette with subtle stroke distinctions for graticules and coastline interiors.

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
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 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 and graticules, rendered as an SVG using React and D3. The map is created from World Atlas TopoJSON data, with land areas filled in teal and graticule lines in light gray. The code uses `geoNaturalEarth1` for projection, `geoPath` to render geographic features, and `geoGraticule` to draw the graticule grid. Interior boundaries between countries are highlighted with a distinct stroke color, enhancing the map’s visual polish.

Bbindhureddy98
95% match
Loading thumbnail…

Fork of 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.

Mmark.horne99@gmail.com
95% match
Loading thumbnail…

Fork of Polished World Map

This world map displays country boundaries and graticules using a natural Earth projection, with landmasses filled in teal and interior borders in a lighter shade. The visualization is built with React and D3 v5, using `geoNaturalEarth1` and `geoPath` to render SVG paths, while `geoGraticule` generates the latitude/longitude grid. Data comes from World Atlas TopoJSON, processed via TopoJSON’s `feature` and `mesh` functions to extract land polygons and country interiors. Styling emphasizes a clean, polished aesthetic with muted colors and hidden page overflow.

Ssagar limbu
95% match
Loading thumbnail…

Fork of Polished World Map

A polished world map displays country landmasses in teal with subtle graticules and interior borders on a light gray sphere. It uses React to render SVG marks from World Atlas TopoJSON data, processed by topojson’s `feature` and `mesh` functions. The visualization employs d3’s `geoNaturalEarth1` projection and `geoPath` to draw the sphere, graticules, land, and country boundaries, with styling applied through CSS classes.

SShidrath Rahman Haider
95% 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
95% match