Pontos no Mapa - Mundi

100%

Pontos no Mapa - Mundi

✓ Published1🌍 Public

Last edited Jun 7, 2022

Created on Jun 7, 2022

This visualization displays world cities as semi-transparent points overlaid on a natural Earth projection map, with country borders and graticules drawn as subtle lines. The map also includes a highlighted sphere outline and landmasses in light gray. The example uses React to manage state and rendering, with D3 v7 functions `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to project geographic coordinates. City latitudes and longitudes come from a CSV file loaded via D3's `csv` method, while world topography is fetched from the world-atlas TopoJSON file.

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…

Points on Map

This example displays a world map with city points overlaid, using a Natural Earth projection. The map shows country boundaries, graticules, and a sphere outline, with city locations plotted as circles. It uses d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule to render the geographic features, while city data is loaded from a CSV via d3.csv. The visualization is built with React, rendering SVG elements, and uses TopoJSON from the World Atlas for country polygons and interior borders.

MMark Lam

87% match

Loading thumbnail…

points on a Map

This example displays a world map with semi-transparent points representing cities, overlaid on a natural Earth projection. The visualization uses D3 v5’s `geoNaturalEarth1` and `geoPath` to render the sphere, graticules, landmasses, and country interiors from a TopoJSON world atlas, while city coordinates from a CSV are projected and drawn as circles. React manages the component state, fetching data asynchronously with `useEffect` and rendering the SVG marks via a custom `Marks` component.

Rrsulli4

86% match

Loading thumbnail…

Points on a Map

This visualization displays global city locations as small, semi-transparent points on a natural Earth projection. The map itself is rendered using SVG paths for landmasses, graticules, and interiors, computed via `d3.geoPath` and `d3.geoGraticule`. City coordinates from a CSV file are projected using `d3.geoNaturalEarth1` and plotted as circles. The React application loads world atlas TopoJSON and city data through custom `useWorldAtlas` and `useCities` hooks, illustrating a straightforward layered approach to geographic point mapping.

MMichael Bruno

86% match

Loading thumbnail…

Points on a Map

This visualization displays a world map rendered using D3’s geoNaturalEarth1 projection, with city locations plotted as semi-transparent teal circles based on latitude and longitude data. The map includes graticules, land masses, and country boundaries, all drawn with d3.geoPath. The React app loads TopoJSON world atlas data and a CSV of world cities, using a custom hook to fetch each dataset.

Ffjvoris

86% match

Loading thumbnail…

Points on a Map

A world map displays country boundaries and graticules over a light gray sphere, with semi-transparent teal circles sized by city population. The visualization uses d3.geoNaturalEarth1 for projection and d3.geoPath to render land, interiors, and sphere outlines from TopoJSON data. City coordinates are projected and drawn as SVG circles, with radii scaled using d3.scaleSqrt applied to population values from a CSV dataset. The React component structure manages state for both world atlas and city data.

Jj-PGi

86% match

Loading thumbnail…

Points on a Map

This example displays a world map with city points overlaid, using a Natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath. The map includes land boundaries, graticules, and interiors rendered as SVG paths from World Atlas TopoJSON data. City locations, loaded from a CSV with d3.csv, are plotted as semi-transparent circles. The visualization is built with React and D3 v5, demonstrating a clean, styled cartographic composition with an equirectangular-like aesthetic.

Ppnlinyz

86% match

Loading thumbnail…

Points on a Map

This example displays a natural Earth projection map with country boundaries, graticules, and city points overlaid as semi-transparent teal circles. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render landmasses and interior borders from World Atlas TopoJSON data, while a CSV of world cities is mapped through the projection to position each dot. The React component structure manages asynchronous data loading via useWorldAtlas and useCities hooks, with SVG rendering styled through CSS to create a clean, polished aesthetic.

Aaakarsh satyam

86% match

Loading thumbnail…

Points on a Map

A world map displays cities as semi-transparent, radius-scaled circles proportional to population, using a Natural Earth projection. The visualization, built with React and D3 (v5), renders SVG paths for land, graticules, and sphere outlines via `geoPath`, while circles are projected using `geoNaturalEarth1`. City data comes from a CSV of world cities, and the map’s geographic basemap is provided by the `world-atlas` TopoJSON, processed through `topojson.feature` and `topojson.mesh`.

RRajat Dangat

86% match