Choropleth Map

100%

Choropleth Map

✓ Published2🌍 Public

Last edited May 22, 2020

Created on May 21, 2020

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.

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 palette. The visualization includes a custom SVG color legend showing category colors and labels. Built with D3 v5, it uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` for rendering, and applies zoom interactions. The map loads TopoJSON data from world-atlas and joins it with TSV metadata to assign country properties. Hovering highlights individual countries in red.

MManoukK

97% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using a spectral color scale to distinguish categories. The map renders geographic boundaries as SVG paths via `d3.geoPath` and a Natural Earth projection. Data is loaded from the World Atlas TopoJSON and TSV files, merged by country ID, then assigned to the `d3.scaleOrdinal` color scale. A custom legend shows color swatches with labels, and hovering highlights individual countries in red. Interaction includes zoom and pan through the `d3.zoom` event, which applies an SVG transform.

CCurran Kelleher

96% 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

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

96% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with the spectral scheme, sourced from the World Atlas TopoJSON dataset. The map supports interactive zooming and panning, and clicking a legend item highlights matching countries while dimming others. It is built with D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, and `d3.zoom` for navigation, with all elements rendered as SVG.

Mmaru25-alt

96% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale applied via `d3.scaleOrdinal` and `d3.schemeSpectral`. The map renders with `d3.geoPath` and a Natural Earth projection, drawing country boundaries from TopoJSON data loaded from the World Atlas. Hovering highlights a country in red, and a custom color legend built with reusable D3 code shows the category colors. The visualization supports zoom and pan through `d3.zoom`, with all elements rendered as SVG.

NNkwachi Abel

96% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification, with an ordinal color scale and a legend showing each category. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the projection, `topojson` to load world geometry from the world-atlas dataset, and `schemeSpectral` for the color range. The map supports zooming via `d3.zoom`, while hover effects highlight individual countries.

HHasideluxe

96% 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

96% match