Skip to main content
SimilarExport ZIP
100%

HAW25

✓ Published0🌍 Public
Wwuc280@haw-hamburg.de
Last edited Dec 5, 2025
Created on Dec 5, 2025
Forked from ICE-8 World Map.

This visualization is a choropleth world map showing the most recent population data for each country from a CSV file. It uses a sequential color scale with a square-root transform to encode population values, where darker colors indicate higher populations. Countries without data are rendered in gray. The map is drawn using D3.js with the `d3.geoNaturalEarth1` projection and `d3.geoPath` on top of TopoJSON data from the world-atlas library, with pan and zoom supported.

AI-generated description
MIT Licensed

Similar vizzes

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
77% match
Loading thumbnail…

25 - circles on a map - dataviz 2018

A world map displays population data from the UN World Population Data, with circles sized by population using a square root scale. Countries are colored green or red to indicate whether 2018 population data exists, with missing data shown in red. The visualization uses D3 v5's `geoNaturalEarth1` projection, `geoPath`, and `geoCentroid` to position circles on the map, along with `scaleSqrt` for sizing and zoom functionality. TopoJSON from world-atlas provides country boundaries, while a custom size legend shows population values.

Zzach b.
76% match
Loading thumbnail…

Fork of World Map Visualization

This visualization displays a choropleth world map colored by population data from a CSV file, with countries lacking data rendered in red. Using d3.geoNaturalEarth1 projection and d3.geoPath, it draws SVG paths from Natural Earth GeoJSON data. The d3.scaleQuantize with d3.schemeBlues applies a blue color scale to population values loaded via d3.csv, demonstrating D3 v6 with React integration.

HHemanthh81
76% match
Loading thumbnail…

25_Circle on a Map

A world map displays population estimates for 2018 using circles sized by a square-root scale, positioned at each country’s geographic centroid via `d3.geoPath` and `geoCentroid`. The choropleth base distinguishes missing data in pink, while hover reveals country names and populations. Built with D3 v5, it layers a zoomable natural Earth projection, a color legend for categorical fills, and a size legend using `d3.scaleSqrt`, with data from UN population estimates and TopoJSON world atlas.

FFMajid-ops
75% match
Loading thumbnail…

Fork of World Map Visualization

This visualization presents a choropleth world map, coloring countries by their population from a CSV dataset. Countries without matching data appear black. The map uses the Natural Earth GeoJSON dataset and projects geographic coordinates with D3’s `geoNaturalEarth1` projection, rendered via `geoPath`. Population values are mapped to a blue color scale using `scaleQuantize` with `schemeBlues`, while the SVG is constructed and styled with D3 v6 within a React-compatible HTML page.

HHemanthh81
75% 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
75% match
Loading thumbnail…

World Map Visualization

This visualization presents a choropleth world map where each country’s fill color encodes its population size, using a blue quantized color scale from `d3.scaleQuantize` with `d3.schemeBlues[5]`. The map is rendered as SVG paths via `d3.geoPath` with the Natural Earth projection, using GeoJSON country boundaries from a remote URL. Population data is loaded from a CSV file and matched to countries by name, with missing or unmatched areas colored black.

Hharsha
75% match
Loading thumbnail…

map

This visualization displays a world map where each country is colored according to its population using a sequential yellow-orange-red color scale. Population data is loaded from a CSV file and merged with country geometries from the world-atlas TopoJSON dataset. The map uses a Mercator projection via d3.geoMercator and renders paths with d3.geoPath, while hovering over a country reveals its name and population in a tooltip. Missing data appears gray, and the SVG canvas includes a light blue background.

PP Manisha
75% match