Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
JJuyeonee
Last edited Jul 21, 2021
Created on Jul 21, 2021
Forked from Choropleth Map

This choropleth map visualizes global population estimates by country, using color to represent values from a UN population dataset. Users can click color legend items to highlight specific regions, which dims all other countries. The visualization uses d3.geoPath with a geoNaturalEarth1 projection, d3.zoom for panning, and d3.scaleOrdinal with schemeSpectral for coloring. TopoJSON data is processed via d3.json and the topojson feature API, while the SVG rendering includes interactive tooltips showing country names and values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map displays global population data from the UN’s 2019 dataset, coloring each country according to its population value. The visualization uses D3’s geoMercator projection and geoPath to render country outlines from World Atlas TopoJSON data, while the D3 scaleOrdinal and schemeSpectral functions generate the color scale. A custom color legend shows the mapping between colors and population values, and hovering over a country highlights it in red.

SSophia Murage
87% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by their economic classification, using a spectral color scale. The visualization loads population data from a CSV and world map geometry from TopoJSON, joining them by country ID. The map is rendered as SVG paths using `d3.geoPath` with a Natural Earth projection, and includes a custom color legend built with `d3.scaleOrdinal`. Hovering highlights a country in red, while pan and zoom are enabled through the `d3.zoom` API.

Rrekhapasupulet
86% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by economic classification using a spectral color scale, with a legend showing the ordinal categories. The map uses the Natural Earth dataset via TopoJSON and d3-geo's geoNaturalEarth1 projection. Users can zoom and pan through d3.zoom, and hovering highlights countries in red. The color legend is built with custom SVG components, while the map itself renders using the geoPath generator with tsv metadata joined to the geometry.

Vvivianaaai@qq.com
86% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy using world-atlas TopoJSON data. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render the map, and d3.scaleOrdinal with schemeSpectral for color encoding. The color legend, built with a custom colorLegend function, displays the ordinal scale. Interactive pan and zoom is implemented via d3.zoom, and hovering highlights countries in red.

CClara Hu
86% match
Loading thumbnail…

Fork of map exemple

This choropleth map visualizes global population estimates, with each country filled in a dark red gradient according to its population. The visualization uses the `topojson` library to extract country features from a GeoJSON file and renders them with `d3.geoPath` and a Mercator projection. Population data is loaded from a TSV file, and color is assigned via `d3.scaleLinear`. A zoom interaction, implemented with `d3.zoom`, adjusts the paths’ transform on zoom events.

GGinnWG
86% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes global income groups using a natural Earth projection, coloring each country according to its income classification. The map is rendered with SVG paths using `d3.geoPath` and `geoNaturalEarth1`, with country data loaded from TopoJSON and TSV files via the world-atlas package. A custom color legend component displays the ordinal color scale, which uses `scaleOrdinal` with a spectral scheme. The visualization supports pan and zoom through `d3.zoom`, and hover interactions highlight individual countries.

NNYCUBK201
85% match
Loading thumbnail…

Choropleth Map

A choropleth map visualizes population estimates per country for 2018, with each country shaded and overlaid with proportional circles sized by population magnitude. The visualization uses a natural Earth projection via `d3.geoPath` and `geoNaturalEarth1`, while `topojson.feature` loads world geometry. Population data comes from a CSV file, and a square-root scale sizes the circles. The map supports zooming through `d3.zoom`, and legends for color and size are built with custom SVG components. Hovering highlights countries and shows population in a tooltip.

Kkasalwelengwe@gmail.com
85% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global population estimates for 2018, using circle size to represent population and color to indicate economic classification. The map renders countries as SVG paths via d3.geoPath with a natural Earth projection, while population circles are positioned using d3.geoCentroid and scaled with d3.scaleSqrt. The visualization employs d3.zoom for panning and zooming, d3.scaleOrdinal with schemeSpectral for the color legend, and loads data from TopoJSON world atlas and UN population CSV files. Hovering highlights countries in red.

LLiuXiangYuan
85% match