Skip to main content
SimilarExport ZIP
100%

Mapa - Mundi

✓ Published1🌍 Public
AAlan Santos
Last edited Jun 6, 2022
Created on Jun 5, 2022

This example displays a natural Earth projection of the world, rendered with D3's `geoNaturalEarth1` projection and `geoPath` for landmasses, graticules, and interior borders. It shows the globe as a sphere with distinct styling for land, ocean, and graticules in a React application. The map is built from the World Atlas TopoJSON source, with land features and a mesh of country interiors generated via the TopoJSON library's `feature` and `mesh` functions, all presented as SVG paths.

AI-generated description

Programa que mostra a temperarura de uma semana do mes de março

Dados:Temperatura da semana

MIT Licensed

Similar vizzes

Loading thumbnail…

Map

This example displays a world map using a natural Earth projection, with countries shown as light green shapes against a dark blue sphere background. The visualization is rendered as SVG paths derived from TopoJSON data loaded from the world-atlas package, with each country’s boundaries drawn using D3’s geoPath and geoNaturalEarth1 projection. The code utilizes D3 v6 for data binding and selection, while TopoJSON’s feature function converts the encoded topology into GeoJSON features for rendering.

Nnsadath
89% match
Loading thumbnail…

World Map

This example renders a world map using a natural Earth projection. It displays landmasses and interior borders in teal and gray against a light sphere, with graticules indicating latitude and longitude lines. The visualization loads GeoJSON topology from the world-atlas package and processes it with topojson’s `feature` and `mesh` functions. It uses d3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` APIs within a React component, drawing all paths as SVG.

PPadoSensei
89% match
Loading thumbnail…

Map of the World

This example visualizes the world using a Natural Earth projection, displaying landmasses, country borders, a graticule, and the spherical outline of the globe. The map renders as SVG, with land filled in yellow and interiors drawn as gray mesh lines. It loads geographic data from the World Atlas TopoJSON via `d3.json` and converts it into GeoJSON features using `topojson.feature` and `topojson.mesh`. The visual marks are generated with `d3.geoNaturalEarth1` and `d3.geoPath`, while React manages the component structure.

Ccynichole
89% match
Loading thumbnail…

World Map

This example shows a world map rendered with a Natural Earth projection, displaying landmasses in teal with graticule lines and country borders overlaid. The map is drawn as SVG paths using `d3.geoNaturalEarth1` and `d3.geoPath`, with geographic data loaded from the world-atlas TopoJSON dataset via `d3.json` and processed through `topojson.feature` and `topojson.mesh`. A React component orchestrates the visualization, applying CSS styling for the sphere, land, and boundary strokes.

AAmir
89% match
Loading thumbnail…

Mapa mundial

This example displays a world map using a natural Earth projection, with countries rendered as light green filled polygons and oceans shown in blue. It loads geographic data from the World Atlas TopoJSON dataset and converts it to GeoJSON features using the `feature` function from TopoJSON. The map is drawn in SVG with D3 v5, using `geoNaturalEarth1` for projection and `geoPath` to generate the country paths, while a separate path element outlines the sphere.

Jjeronimoek
89% match
Loading thumbnail…

World Map

This example displays a natural Earth projection of the world, rendering land masses in teal with graticule lines and country borders overlaid on a light gray sphere. Using React and D3 v7, it applies `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to project and draw the map, while `topojson.feature` and `topojson.mesh` extract land and interior boundaries from a World Atlas TopoJSON file. The SVG output includes distinct paths for the sphere, graticules, land, and borders, with styling applied via CSS classes.

SSerind Joshua McCue
88% match
Loading thumbnail…

World Map

This example renders a natural Earth projection world map using D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` APIs, with React managing the SVG output. Landmasses fill in teal, while graticules and interior boundaries appear as light and darker strokes, respectively. The map’s data comes from the `world-atlas` package, loaded via D3’s JSON fetcher and processed with TopoJSON’s `feature` and `mesh` functions to distinguish country interiors. The visualization presents a clean, stylized globe with a subtle sphere outline and a muted background.

Qqtrfx
88% match
Loading thumbnail…

World Map

This example displays a natural Earth projection of the world, highlighting landmasses in teal against a light gray sphere with graticules and country borders. It uses React with D3 v7, employing geoNaturalEarth1 and geoPath to render the map from TopoJSON data loaded from world-atlas. The visualization distinguishes land, interiors, and graticules through styled SVG paths.

LLisa Wagner
88% match