making map

100%

✓ Published1🌍 Public

Last edited Nov 8, 2025

Created on Nov 8, 2025

Forked from Map

This example shows a choropleth world map of population by country for 2022, with each country shaded according to its population using a sequential blue color scale. Countries with no data appear in light gray. The visualization loads population data from a GitHub-hosted JSON file, then uses `d3.json` to fetch country geometries from the world-atlas package, applies a Natural Earth projection with `d3.geoNaturalEarth1`, and renders the map as SVG paths via `d3.geoPath`. Tooltips display exact population values for each country.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Making Maps

This example shows a choropleth world map where a small set of countries are shaded from light blue to dark blue according to their population in millions, taken from an inline data array. It uses D3 v7, TopoJSON’s `feature` function, a `d3.scaleLinear` color scale, and `d3.geoNaturalEarth1` projection with `d3.geoPath` to render countries from the world-atlas dataset as SVG paths. The map displays tooltips with each country’s name and population or “n/a” for unlisted countries.

SSathviKankanala@my.unt.edu

87% match

Loading thumbnail…

World Map Visualization

This visualization presents a choropleth world map showing population counts by country, using a blue sequential color scale on an SVG-rendered Natural Earth projection. The code loads CSV population data and GeoJSON country boundaries, then applies d3.geoNaturalEarth1 and d3.geoPath to draw each nation. Countries without matching data appear in black. Population values are converted to numbers and mapped through d3.scaleQuantize with d3.schemeBlues[5] to encode magnitude visually across the geographic layout.

NNukaShravanKumar

87% match

Loading thumbnail…

Maps

This choropleth map visualizes world population by country using a blue sequential color scale. It loads GeoJSON country boundaries and a CSV of population data, joining them by ISO3 country codes. The map is rendered with D3.js, using `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw SVG paths. Countries with missing data are shown in gray. Hovering over a country reveals a tooltip with the country name and formatted population. A gradient legend displays low-to-high population values with tick marks.

RRamdas Dheeraj

87% match

Loading thumbnail…

Map

A world choropleth map visualizes population by country using a blue threshold color scale. The SVG rendering combines world-atlas TopoJSON geographic features with population data from a local JSON file, linked by country ID. D3's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` draw the map and grid lines, while hover tooltips reveal country names and formatted population values.

AArun Kumar M

86% match

Loading thumbnail…

map viz

This choropleth shows world population by country using a natural Earth projection. It renders country boundaries as SVG paths via d3.geoPath, with fill colors derived from a sequential YlGnBu scale encoding population values from a small embedded dataset. Hovering triggers a tooltip displaying country name and population. A gradient legend with an axis communicates the color-to-value mapping, while nations lacking data appear gray. The map loads country geometries from the world-atlas TopoJSON file, processed with topojson.feature.

Ddeepthinaidu2001@gmail.com

86% match

Loading thumbnail…

World Map Visualization

This example displays a choropleth world map where countries are colored by population using a blue sequential color scale. The visualization loads geographic boundaries from Natural Earth GeoJSON and joins them with population data from a CSV file. It leverages D3 v6 APIs including `d3.csv`, `d3.json`, `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.scaleQuantize` with `d3.schemeBlues`. Countries without matching data appear black, while the SVG rendering uses a 800x500 viewport.

Ssaikrishnabussa

86% match

Loading thumbnail…

ICE 8 making map

This choropleth map shows global population by country in 2022, with darker blue shading indicating higher population counts. The visualization uses d3.geoNaturalEarth1 for the map projection and d3.geoPath to render country outlines from TopoJSON data loaded via the world-atlas package. Population values are joined to country geometries using CSV data from a GitHub repository, with missing countries shown in gray. A sequential square-root color scale (d3.scaleSequentialSqrt) maps population values to the interpolateBlues color scheme, and hovering reveals a tooltip with the exact population via appended `<title>` elements.

Aadithiarikatla@gmail.com

85% match

Loading thumbnail…

World Population Map 2022

This choropleth map visualizes total population by country for 2022, using a threshold color scale with seven blues to indicate population ranges. It renders world geography via `d3.geoPath` with a Mercator projection, and loads country boundary data from a GeoJSON file while fetching population statistics from a CSV. Hovering over a country triggers animated opacity changes and highlights the selected region with a black stroke, with tooltips showing the country name and its population value.

AAllen Ho

84% match