Choropleth Map

100%

Choropleth Map

✓ Published2🌍 Public

Last edited Mar 17, 2020

Created on Mar 11, 2020

A choropleth map of the world colors each country by its economy category, with a legend showing the ordinal color scale. The visualization uses D3.js with a natural Earth projection and topojson for geographic data. Hovering over a country highlights it in red and displays a tooltip with its name and economy value. The map features zooming via D3’s zoom event, and the color legend is built from D3’s `scaleOrdinal` with blue color schemes.

AI-generated description

MIT Licensed

Similar vizzes

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

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

94% match

Loading thumbnail…

Choropleth Map

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.

Ddaigokawabe

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

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category, using a spectral ordinal color scale and a legend rendered as circles and text. It displays world geography with a natural Earth projection and supports zooming via d3.zoom. The map is built with d3.geoPath and topojson, loading country boundaries from the world-atlas dataset and merging in economic classification data from a CSV file. Hovering highlights individual countries, while the legend updates dynamically based on the data’s domain.

Zzikitamar9

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

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

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

94% match