Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Dec 4, 2020

Created on Dec 4, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

96% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It loads GeoJSON from TopoJSON world-atlas data and merges it with TSV metadata, then renders paths via d3.geoPath with a Natural Earth projection. Hovering highlights countries in red, while a custom color legend built with reusable D3 code displays the ordinal categories. Zoom and pan are enabled through d3.zoom, and the SVG output includes tooltips showing country names and economy values.

PPreciousone

96% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme, and displays a color legend with clickable circles. It renders geographic boundaries with antialiased SVG paths via `d3.geoPath` and the Natural Earth projection, while loading data from the world-atlas package (TSV metadata and TopoJSON geometries) and processing it with `topojson.feature`. Hovering highlights a country in red, and the map supports zooming through the `d3.zoom` interaction.

Ffaaty

96% match

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

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