Maiores Populações no Mapa - Mundi

100%

Maiores Populações no Mapa - Mundi

✓ Published1🌍 Public

Last edited Jun 8, 2022

Created on Jun 7, 2022

A world map uses sized circles to show the most populous cities globally. The visualization projects geographic coordinates with `geoNaturalEarth1` and `geoPath`, rendering land masses, graticules, and country borders from a TopoJSON world atlas. City populations are encoded by circle radius using a square-root scale (`scaleSqrt`) to vary size proportionally. The data comes from a CSV of cities with latitude, longitude, and population values, rendered as SVG circles with opacity.

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…

Cities on World Map

This example displays a world map with city populations overlaid as semi-transparent circles. Country boundaries appear as gray landmasses with interior borders, alongside graticules and a sphere outline. The visualization uses D3’s geoNaturalEarth1 projection and geoPath to render the map, with a sqrt scale mapping city population to circle radius. Data comes from a CSV of world cities and TopoJSON land geometry, rendered as SVG within a React framework.

CCatalina Vajiac

83% match

Loading thumbnail…

World map

This world map visualizes global city populations, with semi-transparent circles sized by population using a square-root scale. A Natural Earth projection draws the landmasses, graticule, and country borders via D3's `geoNaturalEarth1` and `geoPath`, while city coordinates are projected and rendered as SVG circles. The map loads geographic data from World Atlas TopoJSON and population data from a CSV, using `topojson.feature` and `topojson.mesh` to construct the land and interior boundaries.

TTakuya Kitazawa

82% match

Loading thumbnail…

World Map

This example visualizes global population distribution by rendering a world map with cities represented as scaled circles. The map displays land masses, graticules, and country borders, while city markers use a square-root scale to encode population size. The visualization is built with React and D3 v5, using `geoNaturalEarth1` projection via `d3.geoPath` and topojson data from the world-atlas package. Population data comes from a CSV of world cities, with React hooks managing asynchronous data loading.

MMatias Conde

82% match

Loading thumbnail…

Points on a Map

This visualization displays the world’s most populous cities as semi-transparent circles on a natural Earth projection, with circle size scaled by population using a square-root scale. The map renders landmasses, country interiors, graticules, and a sphere outline via d3.geoPath and geoNaturalEarth1. City positions are projected from latitude and longitude coordinates, with data loaded from a CSV of world cities using the d3.csv function. The SVG marks are built as React components, while the atlas topology comes from the world-atlas package.

Bbsolomon103

82% match

Loading thumbnail…

World Map with cities

A world map visualization displays cities as semi-transparent circles, with circle area proportional to each city’s population. The map uses the Natural Earth projection via D3’s `geoNaturalEarth1` and `geoPath`, rendering graticules, land masses, and interiors from TopoJSON data. City coordinates and populations come from a CSV file, and the D3 `scaleSqrt` function maps population values to a maximum radius of 20 pixels.

CCarlos Caballero

82% match

Loading thumbnail…

World map cities & countries population

This visualization presents a global map depicting both country-level population and major city populations. It uses a natural Earth projection, which can be rotated through a spin parameter. Country population density is encoded through fill opacity, while city population determines circle size using a square root scale. The map renders SVG elements via React, using d3-geoPath for geographic features, d3-geo-projection for the projection, and TopoJSON loaded from world-atlas. Hovering reveals country names and formatted population values, with cities also displaying their populations. Data comes from CSV sources for cities and country populations.

VVAbhiram99

81% match

Loading thumbnail…

world map w/ cities & countries pop!

A world map depicts countries with their population encoded in color opacity, alongside cities sized by population via a square-root scale. A graticule and geographic lines overlay the landmasses. The visualization uses React to render SVG marks with D3’s `geoNaturalEarth1` projection and `geoPath`, integrating country boundaries from the world-atlas TopoJSON and city data from the Simplemaps World Cities Database. Country population data from the UN Population 2019 CSV is joined onto the TopoJSON features, with no-data countries displayed uniformly.

Zzach b.

81% match

Loading thumbnail…

Sized Points on a Map

A world map displays cities with populations over 50,000 as semi-transparent circles, with radius encoding population magnitude via a square-root scale. The visualization uses a Natural Earth projection and geo paths from d3.geoPath to render land, graticules, and country boundaries from World Atlas TopoJSON. City coordinates are projected using d3.geoNaturalEarth1, with data sourced from the Simplemaps World Cities Database. The React-based SVG rendering leverages D3 v5 for geographic and scaling operations, presenting city population distributions across the globe.

Mmtabaka

81% match