Choropleth Map

100%

Choropleth Map

✓ Published1🌍 Public

Last edited May 15, 2020

Created on May 15, 2020

This choropleth map colors countries by economic classification using a categorical ordinal scale with the spectral color scheme. The visualization includes an interactive color legend with circles and labels, and supports zooming and panning through d3.zoom. Geographic shapes are rendered via d3.geoPath with a natural Earth projection using TopoJSON data from the world-atlas dataset, with country metadata loaded from TSV. Hovering highlights individual countries in red via CSS.

AI-generated description

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal scale with the Spectral scheme. It loads world geometry from TopoJSON and joins it with TSV metadata, then renders the map with d3.geoPath and a Natural Earth projection. The visualization includes an interactive color legend built with custom SVG components, and supports zooming and panning through d3.zoom. Hovering highlights individual countries in red, and tooltips display each country’s name and economic group.

Ddata-inside

95% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. The visualization renders geographic boundaries with d3.geoPath and a natural Earth projection, with zooming enabled via d3.zoom. Hover effects highlight individual countries, and a custom color legend built with SVG circles and text explains the color categories. Country names and economic data are loaded from TopoJSON and TSV files using d3.json and d3.tsv.

JJaloYang

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economic classification using a spectral color scale, with hover highlighting and zoom/pan enabled via d3.zoom. The visualization loads world geometry from TopoJSON and joins it with tab-separated country metadata from the world-atlas dataset. It renders geographic paths with d3.geoPath and a Natural Earth projection, while a custom color legend displays ordinal color domains using SVG circles and text.

NNilla

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

Loading thumbnail…

Choropleth Map

MMichał Szumnarski

94% match

Loading thumbnail…

Choropleth Map

MMichał Szumnarski

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by economic classification using a categorical ordinal scale with a spectral color scheme. Users can zoom and pan the natural Earth projection, while a custom color legend displays the category colors and labels. The visualization loads geographic and metadata from the world-atlas TopoJSON and TSV files, rendering paths via d3.geoPath and enabling interaction through d3.zoom. Hovering highlights individual countries, and the legend is built with reusable d3 selections.

Jjesramyep1263

94% match