Choropleth Map

100%

Choropleth Map

✓ Published1🌍 Public

Last edited Jan 8, 2020

Created on Jan 8, 2020

This choropleth map colors countries by economic classification, using a spectral color scale applied to World Atlas TopoJSON data enriched with TSV metadata. The visualization renders via SVG with d3.geoPath and a Natural Earth projection, supporting pan and zoom through d3.zoom. A custom color legend displays ordinal categories with colored circles, while hover interactions highlight individual countries. The map area is tinted blue via a sphere path, and country tooltips show names alongside their assigned economy values.

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 scheme. The visualization renders world geography as SVG paths projected with the Natural Earth projection, with zoom and pan interactions enabled through d3.zoom. Data loads from the World Atlas TopoJSON and TSV files, which are joined by ISO country codes to populate map features. Hovering highlights individual countries in maroon, while tooltip titles display each country’s name and economy type.

NNikhil Prakash

95% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy classification using an ordinal color scale with the spectral scheme. The visualization supports zooming and panning through D3’s zoom behavior, while hover effects highlight individual countries. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Data is loaded from the World Atlas TopoJSON and TSV files, processed via topojson.feature, and joined by country ID.

Nnouralkhoury

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 their economy classification using an ordinal color scale with a spectral scheme. The geographic data comes from the world-atlas TopoJSON dataset, which is processed with topojson.feature and joined to TSV metadata. A natural Earth projection renders the map via d3.geoPath, while d3.zoom enables panning and zooming. Hovering highlights countries in red, and a custom color legend displays the color scale with circles and text labels.

MMaxwell Dayvson da Silva

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

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

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

95% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using a categorical color scale based on the World Atlas TopoJSON dataset. It renders geographic boundaries with d3.geoPath and a natural Earth projection, while a legend built from d3.scaleOrdinal and schemeSpectral displays the color categories. Hovering highlights individual countries, and d3.zoom enables pan and zoom interactions on the SVG.

Yylzami40

95% match