Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Apr 29, 2019

Created on Apr 25, 2019

A choropleth map colors countries by economy classification, using a spectral ordinal scale. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, projecting it with a natural Earth projection via `d3.geoPath`. Users can pan and zoom through the `d3.zoom` behavior, while a color legend built with custom SVG elements displays the categories. Hovering highlights countries in red, and tooltips show each country’s name and economic group.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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 countries by their economy category using a spectral color scale. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, projecting it with `d3.geoNaturalEarth1` and rendering paths via `d3.geoPath`. A zoom behavior allows interactive panning on the SVG, while an animated legend updates through `transition.attr` calls. Hovering highlights individual countries, and the map includes a title tooltip showing each country’s name and economy value.

Ggilbster

95% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification, with a color legend and tooltips showing each country’s name and category. The visualization uses a natural Earth projection rendered as SVG paths via d3.geoPath, while TopoJSON and TSV data from the world-atlas package are loaded asynchronously. Users can pan and zoom the map using d3.zoom, and hovering highlights individual countries in red. The color scale uses d3.scaleOrdinal with a spectral scheme, and an interactive legend is built from custom d3 selections.

BBrandon Lehr

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

A choropleth map colors countries by their economy category using an ordinal color scale derived from the World Atlas TopoJSON dataset, which is joined with tab-separated metadata. The visualization uses d3.geoPath with a Natural Earth projection and supports zooming via d3.zoom. A custom color legend, built with SVG circles and text, displays the color scale categories. Countries are interactive, showing their name and economy group in a tooltip on hover, with a red highlight effect.

Mmihir2709

95% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy type, using a spectral color scale assigned through d3.scaleOrdinal. The map is drawn with d3.geoPath and the Natural Earth projection, while data is loaded asynchronously from World Atlas TSV and TopoJSON files. Hovering highlights countries in red, and a custom legend displays the color categories. The visualization supports zooming via d3.zoom, with zoom state handled through event transforms.

KKarkG

95% match