Countries by Income - Choropleth Map

100%

Countries by Income - Choropleth Map

✓ Published1🌍 Public

Last edited Feb 2, 2021

Created on Feb 2, 2021

This choropleth map colors countries by income group using an ordinal color scale with a blue scheme, showing each nation’s classification on a natural Earth projection. The visualization supports zooming and includes a custom color legend with circles and labels. Built with D3 v5, it uses `d3.geoPath` and `d3.geoNaturalEarth1` for map rendering, `d3.zoom` for interaction, and `d3.scaleOrdinal` for color mapping. Data combines TopoJSON world geometry with TSV metadata from the world-atlas package.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using an ordinal color scale with the spectral scheme. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, using TopoJSON data from the world-atlas package. Hovering highlights countries in red, while a legend built with custom D3 code displays the color categories. The map supports zooming and panning through d3.zoom, and tooltips show each country’s name and income group.

CClara Hu

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by income group using an ordinal color scale with a spectral scheme. The visualization supports pan and zoom interactions through d3.zoom, while d3.geoPath and a Natural Earth projection render the geographic shapes. A custom color legend component displays the categorical colors with labeled circles. Country names and income groups appear as tooltips via SVG title elements, with data loaded from the world-atlas TopoJSON and TSV files.

Aanouckstbr@gmail.com

92% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using a natural Earth projection, with a categorical color scale and a clickable legend of colored circles. The map supports zooming and panning via d3.zoom, and country tooltips display name and income group. Built with D3 v5, it uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths from TopoJSON data loaded from world-atlas, while the legend is implemented as a custom reusable component.

TToooooooT

91% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using a diverging red-blue ordinal scale, with a zoomable Natural Earth projection and a color legend built from custom SVG circles. The visualization loads world country boundaries from TopoJSON and joins them to TSV metadata, then renders each nation as a styled SVG path with hover highlighting. It uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal with the schemeRdBu palette, while the legend is implemented as a reusable module.

AAdrian Tan

91% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using a red-blue ordinal color scale, with a zoomable Natural Earth projection rendered as SVG paths. It loads world country boundaries from the World Atlas TopoJSON dataset and joins them to TSV metadata by ISO country code. The map includes an interactive color legend built with custom D3 selections, and uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal with schemeRdBu. Hovering highlights individual countries, and a title tooltip shows each country’s name and income group.

AAdrian Tan

91% match

Loading thumbnail…

Choropleth Map

This choropleth map displays countries colored by their income group using a spectral color scale. The visualization renders world geography with D3 geoPath and geoNaturalEarth1 projection, featuring zoom capabilities and interactive hover effects that highlight individual countries. Data is loaded from the world-atlas package’s TSV and TopoJSON files, processed with topojson.feature, and mapped to colors using d3.scaleOrdinal and schemeSpectral. A custom color legend with circles and text labels facilitates interpretation of the income classifications.

AAlex Arobelidze

91% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their income group using a categorical color scale based on d3.scaleOrdinal and d3.schemeSpectral. It renders geographic boundaries with d3.geoPath and a natural Earth projection, loading TopoJSON and TSV data from the world-atlas package. The visualization includes an interactive color legend built with reusable D3 code, supports zooming via d3.zoom, and highlights countries on hover with a red fill.

RRupal Gupta

90% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by income group using a natural Earth projection. It loads world geometry from TopoJSON and joins it with TSV metadata via d3.json and d3.tsv, then renders paths with d3.geoPath. A d3.scaleOrdinal with a schemeSpectral range assigns colors, and an interactive legend built with d3-selection shows the categorical scale. The map supports zooming through d3.zoom and highlights countries on hover via CSS.

Ooptimizeresume

90% match