Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
Ggorfoula
Last edited Jul 24, 2020
Created on Jul 24, 2020
Forked from Choropleth Map

A choropleth map colors countries by economic grouping, with a legend of colored circles and a natural Earth projection. It uses d3.geoPath, d3.geoNaturalEarth1, d3.scaleOrdinal with schemeSpectral, and d3.zoom for panning. The code loads world atlas TopoJSON and TSV data via topojson.feature, rendering country paths as SVG with hover highlighting.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by economic grouping, using a spectral color scale and an accompanying legend. Built with D3 v5 and TopoJSON, it loads country boundaries and metadata from the world-atlas package. The map renders as SVG paths via `d3.geoPath` with a natural Earth projection, supports zooming through `d3.zoom`, and highlights countries on hover. The color legend is a custom component using `d3.scaleOrdinal` and `d3.schemeSpectral`.

LLaura Molina
95% match
Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by economic classification using a sequential ordinal scale and the Spectral color scheme. The visualization, built with D3 v5 and TopoJSON, renders countries as SVG paths via d3.geoPath with a Natural Earth projection, supporting zoom and pan. A custom color legend displays the categorical color scale, while country data is joined from the World Atlas TopoJSON and TSV datasets using Promises.

Xxhoumba
95% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economic classification, with a color legend showing ordinal categories from the Spectral scheme. The visualization loads world geometry from TopoJSON and joins it with tabular data from a TSV file. Using d3.geoPath with a geoNaturalEarth1 projection, it renders SVG paths that support zooming via d3.zoom. Hovering highlights individual countries, while a custom colorLegend component displays the color scale with circles and text labels.

Ccaydener
94% 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
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economic classification using a spectral color scale, with hover highlighting and zoom/pan enabled via d3.zoom. The visualization loads world geometry from TopoJSON and joins it with tab-separated country metadata from the world-atlas dataset. It renders geographic paths with d3.geoPath and a Natural Earth projection, while a custom color legend displays ordinal color domains using SVG circles and text.

NNilla
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic income group using an ordinal color scale. The visualization uses D3 v5 with d3.geoPath and a Natural Earth projection to render TopoJSON world data loaded from the world-atlas package. Users can zoom and pan via d3.zoom, and hovering highlights individual countries. A custom color legend component displays the category colors and labels, with interactivity handled through SVG selections.

VVivian Peng
94% match
Loading thumbnail…

Choropleth map

A choropleth map colors world countries by economy type, with a color legend and hover highlight. It renders GeoJSON country paths using `d3.geoPath` with a `geoNaturalEarth1` projection, and supports pan and zoom via `d3.zoom`. Data comes from TopoJSON world-atlas files and CSV metadata joined by ISO code; `scaleOrdinal` assigns categorical colors from `schemeSpectral`, and the legend is built with D3 selections.

RRiccardo Pressiani
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification, with an ordinal color scale and a legend showing each category. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the projection, `topojson` to load world geometry from the world-atlas dataset, and `schemeSpectral` for the color range. The map supports zooming via `d3.zoom`, while hover effects highlight individual countries.

HHasideluxe
94% match