Skip to main content
SimilarExport ZIP
100%

Fork of Polished World Map

✓ Published0🌍 Public
Ddanibras
Last edited Jan 29, 2022
Created on Jan 29, 2022
Forked from Polished World Map

A choropleth of Portugal’s administrative districts renders each region as a filled path using a Mercator projection via d3.geoPath and d3.geoMercator. District boundaries come from a TopoJSON file, with shared borders stroked as “interiors” using topojson.mesh. React components manage the SVG markup, while d3.zoom enables interactive pan and zoom on the map. Distinct teal fills and hover highlighting separate land from graticules.

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 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
84% 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
84% match
Loading thumbnail…

Fork of Polished World Map

This map shows country boundaries and graticules projected with d3.geoNaturalEarth1 and rendered as SVG paths via d3.geoPath. The visualization uses world-atlas TopoJSON data, with countries filled in teal and internal borders drawn as thin lines. A single red circle marks the coordinates (130, 20). The React component loads the data with d3.json and topojson.feature/mesh, while custom CSS styles the sphere, graticules, land, and interior strokes.

Tthe-1000th-summer
84% match
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
83% match
Loading thumbnail…

Fork of Polished World Map

This fork of a polished world map displays country boundaries, graticules, and interior borders using a Mercator projection. The map is rendered as an SVG and shows landmasses in teal with a light sphere background. The code builds the visualization with React and D3, using `d3.geoMercator`, `d3.geoPath`, and `d3.geoGraticule` to project and draw the shapes. It loads data from the World Atlas TopoJSON source, converting it with the `topojson` library’s `feature` and `mesh` functions to extract land and interior boundaries.

CCosmin Popescu
83% 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
83% 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
83% 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
83% match