Fork of Fork of Fork of Fork of Simple World Map

100%

Fork of Fork of Fork of Fork of Simple World Map

✓ Published0🌍 Public

Last edited Nov 9, 2025

Created on Nov 9, 2025

Forked from Fork of Fork of Fork of Simple World Map

A choropleth world map visualizes 2024 national population estimates, with countries shaded on a yellow-green scale from light to dark by population size. The visualization employs an SVG rendering with the `d3.geoNaturalEarth1` projection, `d3.geoPath` for map geometry, and `d3.axisBottom` for a gradient legend. Population data is joined to country features by name, with missing values shown in grey. Tooltips display the exact population count on hover. The map uses TopoJSON data from the world-atlas package and D3 v7.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Simple World Map

This choropleth map visualizes global population distribution for 2024, using a yellow-green sequential color scale to represent population values for fifteen major countries while leaving others in light gray. The map renders with `d3.geoNaturalEarth1` projection and `d3.geoPath` over TopoJSON country boundaries from the world-atlas package. Hovering over a country reveals a tooltip with the country name and population figure, while a gradient legend with `d3.axisBottom` displays the value scale. The visualization uses D3 v7 and the topojson-client library to convert TopoJSON features into renderable paths.

Yyazneshpara2@gmail.com

96% match

Loading thumbnail…

Fork of Fork of D3 Starter-maps

This choropleth displays world population figures for a selection of countries, with darker blues representing higher populations and gray for countries without data. It uses a Mercator projection via `d3.geoMercator` and `d3.geoPath` to render country boundaries from a TopoJSON world-atlas dataset. Population values are mapped through a sequential `d3.scaleSequential` with an `interpolateBlues` color scale. Hovering reveals a tooltip with the country name and population in millions, powered by SVG `title` elements.

Aaddalalikitha15@gmail.com

86% match

Loading thumbnail…

Fork of Fork of Fork of D3 Starter-maps

This choropleth visualizes global population using a Natural Earth projection. Countries are drawn as SVG paths via `d3.geoPath` and a `d3.geoNaturalEarth1` projection, with fill colors assigned from a sequential blue scale (`d3.scaleSequential`) based on population values from a CSV. Countries lacking matching population data receive a random light blue fill. The map uses TopoJSON for feature parsing and is rendered at full viewport size.

Hharshithamiriyam@gmail.com

86% match

Loading thumbnail…

Fork of Fork of React & D3 Vibecoding Starter

This choropleth map colors world countries by population, using darker blues for more populous nations while unlisted countries appear gray. A legend explains the visual encoding. The example loads world-atlas TopoJSON, converts it to GeoJSON features using topojson-client, and projects the map with d3.geoNaturalEarth1 and d3.geoPath. A d3.scaleLinear maps population values to a light-to-dark color range, and SVG paths render each country with tooltips showing population figures.

SSathviKankanala@my.unt.edu

85% match

Loading thumbnail…

Fork of HTML Starter

This choropleth map visualizes global population by country, using a blue sequential color scale where darker shades represent higher population counts and gray indicates missing data. The visualization loads a GeoJSON world map and a CSV of population figures, then joins them by ISO3 country codes. Built with D3 v7, it uses the `geoNaturalEarth1` projection and `geoPath` to render SVG paths, with interactive tooltips showing each country’s name and population via the `append('title')` method.

Ssharathchandrareddymuthyam

85% match

Loading thumbnail…

Fork of HTML Starter

This choropleth map visualizes world population data from a CSV file, displaying countries in a sequential blue color scale based on their population size. It renders an SVG with D3 v6, using `d3.geoNaturalEarth1` and `d3.geoPath` to draw country boundaries from TopoJSON world-atlas data. Interactive tooltips appear on mousemove, showing country names and population values, while a gradient legend indicates the color scale up to 1.5 billion people.

BBalaji Dasari

85% match

Loading thumbnail…

Fork of Fork of Assignment - 8 - 2.1

This visualization displays global population data as a choropleth map, using a light-to-dark blue sequential color scale to represent population values ranging up to 1.5 billion per country. It loads world country boundaries from TopoJSON and joins them with population figures from a CSV file. The map uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering, and `d3.scaleSequential` with `d3.interpolateBlues` to color each country. This is built with D3 v7.

AAriful Hasan

85% match

Loading thumbnail…

Fork of Fork of map exemple

This example displays a choropleth world map where each country is colored according to its population estimate, ranging from red to dark maroon. The visualization uses d3.geoMercator for projection, d3.geoPath for rendering SVG paths, and topojson.feature to convert TopoJSON data from the World Atlas 50m dataset. Population values are loaded from a TSV file and mapped to colors via d3.scaleLinear. Hovering highlights countries in purple, and d3.zoom enables pan and zoom interactions.

Nnsatyaprakash22

85% match