Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Assignment - 8 - 2.1

✓ Published1🌍 Public
AAriful Hasan
Last edited Apr 12, 2026
Created on Apr 12, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

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
95% 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
89% 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
88% 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
88% 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
88% match
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
87% match
Loading thumbnail…

Fork of ice 8

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.

Aanjanipriyajillela@gmail.com
87% match
Loading thumbnail…

Fork of Data Viz Project

This choropleth map visualizes estimated population by country, with color encoding from light blue to dark blue based on population magnitude. It uses D3 v7's `geoMercator` projection and `geoPath` to render world country boundaries from TopoJSON data in World Atlas. Population values come from the accompanying TSV file, which maps ISO country codes to their `pop_est` estimates, and a `scaleLinear` determines the fill color per nation.

LLauren
87% match