Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited May 9, 2019

Created on May 9, 2019

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map colors each country according to its economy category, using an ordinal color scale with a spectral scheme. The visualization loads world geography from TopoJSON and country metadata from TSV, then renders the map as SVG paths with a natural Earth projection. Hovering highlights a country in red, and a custom color legend displays the category colors. The map supports zooming and panning through d3.zoom, with d3.geoPath generating the geographic shapes.

Llittle-face

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

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

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

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

96% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy category using an ordinal color scale with the spectral scheme, with hover highlighting and zooming via d3.zoom. It renders geographic paths with d3.geoPath and a Natural Earth projection, loading TopoJSON world-atlas data merged with TSV metadata. A custom color legend, built with SVG circles and text, displays the categorical scale.

Ssrrajendran

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

95% match