Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Sep 30, 2020

Created on Sep 30, 2020

A choropleth map colors countries by economic income group using an ordinal color scale. The visualization uses D3 v5 with d3.geoPath and a Natural Earth projection to render TopoJSON world data loaded from the world-atlas package. Users can zoom and pan via d3.zoom, and hovering highlights individual countries. A custom color legend component displays the category colors and labels, with interactivity handled through SVG selections.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth map

A choropleth map colors world countries by income group using an ordinal color scale with a spectral scheme. The visualization renders geographic boundaries via TopoJSON data and the d3.geoPath projection, with a legend displaying color categories. Interactive zooming is enabled through d3.zoom, and hovering highlights individual countries. Data comes from the world-atlas and visionscarto-world-atlas packages.

Jjrodg

96% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic category using an ordinal color scale with a spectral palette. The visualization loads world geometry and country metadata from the world-atlas TopoJSON and TSV files, rendering paths with `d3.geoPath` and a Natural Earth projection. Users can pan and zoom via `d3.zoom`, while a custom legend built with D3 selections displays color categories as circles and text. Hovering highlights a country in red, and tooltips show each nation's name and economy type.

MMajaha21

96% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using an ordinal color scale with the spectral scheme. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, using TopoJSON data from the world-atlas package. Hovering highlights countries in red, while a legend built with custom D3 code displays the color categories. The map supports zooming and panning through d3.zoom, and tooltips show each country’s name and income group.

CClara Hu

95% match

Loading thumbnail…

Choropleth Map

A world choropleth map colors each country by its economy category using an ordinal color scale. The visualization uses d3 geoNaturalEarth1 projection with d3.geoPath to render countries from TopoJSON data, enriched with world-atlas TSV metadata. A custom color legend component displays the categories, and d3.zoom enables interactive panning and zooming. Country outlines appear in black, with hover effects highlighting individual nations in red.

FFlorian Breitwieser

95% match

Loading thumbnail…

Choropleth map

A choropleth map colors world countries according to their economic classification, with a color legend that filters and highlights selected categories. Users can click legend entries to dim non-matching countries and intensify the selected region. Built with D3.js, the visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to project TopoJSON data from the world-atlas package, while `d3.scaleOrdinal` with `d3.schemeSpectral` assigns colors. Interactive zoom via `d3.zoom` and SVG rendering provide the map interface.

Nntech9613

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. Hovering highlights a country in red, and the map includes a legend showing color categories. Built with D3 v5, it uses `geoPath` with the Natural Earth projection and loads geographic data from the world-atlas TopoJSON and TSV files. The visualization supports zooming via D3's zoom event and renders as an SVG.

AAdrianTNare

94% match

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by economic classification using a sequential ordinal scale and the Spectral color scheme. The visualization, built with D3 v5 and TopoJSON, renders countries as SVG paths via d3.geoPath with a Natural Earth projection, supporting zoom and pan. A custom color legend displays the categorical color scale, while country data is joined from the World Atlas TopoJSON and TSV datasets using Promises.

Xxhoumba

94% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale derived from d3.schemeSpectral. The visualization applies the d3.geoNaturalEarth1 projection and renders GeoJSON paths via d3.geoPath, with topology loaded from a world-atlas TopoJSON file and country names merged from a TSV lookup. Hovering highlights individual countries in coral, and d3.zoom enables interactive panning and scaling. A custom color legend displays the seven economy categories with labeled circles.

MMichał Szumnarski

94% match