Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published1🌍 Public
Ddaigokawabe
Last edited Aug 11, 2020
Created on Aug 11, 2020

A choropleth map colors world countries by their economy classification using an ordinal color scale with a diverging spectral scheme. The visualization includes a color legend and supports zooming and panning via d3.zoom. Geographic shapes are rendered with d3.geoPath and a natural Earth projection, using TopoJSON data from world-atlas and TSV metadata from the same source. Country names and economy values appear as tooltips.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map colors each country by its economy classification using an ordinal color scale with a spectral palette. The visualization supports pan and zoom via d3.zoom, and renders geographic features with d3.geoPath and a Natural Earth projection. A custom color legend component displays the categorical scale, while data is loaded from the World Atlas TopoJSON and TSV files, with tooltips showing country names and economy values on hover.

Nnkohdatavis
97% match
Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by their economy classification, using a categorical ordinal color scale. The visualization loads geographic data from the world-atlas TopoJSON and TSV files, then renders the map via d3.geoPath with a natural Earth projection. Zooming is enabled through d3.zoom, and countries highlight red on hover. A custom color legend displays the economy categories as colored circles, while the map also shows a blue sphere background. The code uses d3.scaleOrdinal with schemeSpectral ranges to assign colors.

NNitin Vadhiya
96% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme. The visualization supports zooming and panning through d3.zoom, while d3.geoNaturalEarth1 and d3.geoPath render the geographic features from TopoJSON world-atlas data joined with TSV country metadata. Countries display a tooltip with their name and economy value on hover, and a custom color legend built with SVG circles and text shows the category mapping.

Mmingchao080910
96% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economic classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It draws geographic boundaries with d3.geoPath and a natural Earth projection, with hover highlighting and zooming via d3.zoom. Country metadata—including economy and income group—comes from a TSV file joined to TopoJSON geometry, and a custom legend component renders the color domain as circles with labels.

DD.A
96% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economic classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It draws geographic boundaries with d3.geoPath and a natural Earth projection, with hover highlighting and zooming via d3.zoom. Country metadata—including economy and income group—comes from a TSV file joined to TopoJSON geometry, and a custom legend component renders the color domain as circles with labels.

DD.A
96% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy classification using an ordinal color scale with a spectral scheme. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, projecting it with d3.geoNaturalEarth1 and rendering paths via d3.geoPath. Hovering highlights a country in red, while a custom color legend component displays the categorical ranges. Zooming is enabled through d3.zoom, and the map includes a static sphere background.

LLuce Liu
95% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy classification using an ordinal color scale with the spectral scheme. The visualization supports zooming and panning through D3’s zoom behavior, while hover effects highlight individual countries. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Data is loaded from the World Atlas TopoJSON and TSV files, processed via topojson.feature, and joined by country ID.

Nnouralkhoury
95% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries according to their economy group, using a spectral color scale to differentiate categories. It renders geographic boundaries with d3.geoNaturalEarth1 and d3.geoPath, and includes an interactive color legend built with custom SVG components. Users can pan and zoom the map via d3.zoom, while tooltips reveal country names and economy values. The visualization loads TopoJSON data from the world-atlas package and joins it with TSV metadata to assign colors, with hover states highlighted in red.

JJynadal
95% match