Fork of ice 8

100%

✓ Published0🌍 Public

Last edited Apr 12, 2026

Created on Apr 12, 2026

This choropleth map visualizes population comparisons of leading countries in millions, using a blue gradient scale from D3’s `scaleLinear` to encode values. It renders geographic boundaries from TopoJSON world-atlas data via `d3.geoPath` with a `geoNaturalEarth1` projection. Population metrics are loaded from a CSV dataset, and hovering over a country displays a tooltip with details. The code also maps inconsistent country names, adds a graticule, and includes a static legend.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-8 WORLD MAP

This choropleth map displays 2023 population figures for major countries, using a yellow-to-red color ramp to encode population in millions. It renders a Natural Earth world atlas with a natural Earth projection, drawing graticule lines and country polygons as SVG paths via `d3.geoPath` and `d3.geoNaturalEarth1`. Country data comes from a CSV of global metrics, joined to map features by name. Interactive tooltips are implemented with `d3.select` and DOM elements, while a linear color scale (`d3.scaleLinear`) maps population values to the sequential color scheme.

Sskmriyaz0786@gmail.com

89% match

Loading thumbnail…

Fork of ICE8-network

This example displays a world map with sample population values shaded using a blue sequential color scale. It uses D3 v7’s `d3.geoNaturalEarth1` projection and `d3.geoPath` to render countries from TopoJSON data sourced from world-atlas’s `countries-110m.json`. Hovering over a shaded country reveals a tooltip with the population value; countries without data appear gray. The code applies a logarithmic domain to the color scale and relies on `topojson-client` for GeoJSON conversion, with SVG output.

Ssaiprasadpilla937@gmail.com

88% 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

87% 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

87% 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 HTML Starter

This choropleth map colors countries by their 2020 population in millions, using a blue sequential scale where darker shades represent larger populations. Built with D3 v7 and TopoJSON data from the world-atlas package, the visualization projects geographic features with `d3.geoNaturalEarth1` and renders them as SVG paths via `d3.geoPath`. Country populations from `dataset.csv` are joined to geometry using ISO3 codes, with tooltips displaying each nation’s name and population value.

RRithvik

86% match

Loading thumbnail…

Fork of ICE8

This world choropleth displays a static color-coded map of countries, with data provided inline in the code rather than through an external CSV file. The visualization uses D3.js version 7 to render the geographic boundaries via `d3.geoPath` and applies sequential color scales to encode values. It relies on the TopoJSON client library to load and convert geographic data for the map’s projection. A hover tooltip is implemented using a fixed overlay that shows details, though no value labels are present on the map itself.

BBHUMIKA CHUNDU

86% match

Loading thumbnail…

Fork of Assignment - 8 - 1.2

This example displays a choropleth map of world population by country. Countries are filled with a light-to-dark blue sequential scale from a dataset of population values, while territories without data appear gray. The visualization uses D3.js v7 with a Natural Earth projection and `d3.geoPath` to render the map, loading country boundaries from a TopoJSON file and joining them to population data from a CSV. The SVG map is drawn with white strokes between countries.

AAriful Hasan

86% match