Fork of Fork of Fork of D3 Starter-maps

100%

Fork of Fork of Fork of D3 Starter-maps

✓ Published0🌍 Public

Last edited Apr 13, 2026

Created on Apr 13, 2026

Forked from 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.

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

Loading thumbnail…

Fork of D3 Starter

A choropleth world map visualizes population data for select countries, using a red sequential color scale to encode values and a legend for reference. Built with D3 v7 and TopoJSON, it uses `d3.geoPath` and `d3.geoNaturalEarth1` for projections, loading country boundaries from a world-atlas package and population values from a Gist JSON file. Hovering over a country reveals a tooltip with its population in millions.

Kkmuddana@gitam.in

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

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

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

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

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

87% match

Loading thumbnail…

Fork of D3 Starter-map

This visualization shows a world map rendered with randomly colored countries using a natural Earth projection. The map fills the browser viewport and uses D3.js for the SVG rendering, with TopoJSON converting the world-atlas dataset into GeoJSON features. The code applies `d3.geoNaturalEarth1()` for projection and `d3.geoPath()` to generate the country paths, while `d3.interpolateBlues` assigns each country a random blues-scale color. The data loads from the world-atlas TopoJSON file via `d3.json()`.

Aaddalalikitha15@gmail.com

87% match