Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Mar 27, 2021

Created on Mar 27, 2021

This choropleth map visualizes global economies by color-coding countries according to income group data from the World Atlas 50m dataset. Viewers can zoom and pan the map using the zoom event handler, while hovering over a country highlights it in red and reveals its name and economy classification in a tooltip. The map is rendered as SVG paths using d3.geoPath with a Natural Earth projection, with a color legend built via the custom colorLegend component that uses d3.scaleOrdinal and a spectral color scheme.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by their economy classification, with a color legend displaying each category as colored circles with text labels. The visualization uses D3 v5 with a natural Earth projection, rendering geographic features as SVG paths from TopoJSON world-atlas data. Users can zoom and pan interactively via d3.zoom, and hovering over a country highlights it in red while a tooltip shows its name and economy type. The color scale uses d3.scaleOrdinal with a spectral scheme, and the legend is drawn using a custom reusable component.

991geethikaalwis

92% match

Loading thumbnail…

Fork of Choropleth Map

This map visualizes global economic classifications by shading each country with a categorical color scale, with a legends showing the income groups. It uses d3.geoNaturalEarth1 and d3.geoPath to project and draw country boundaries from TopoJSON data sourced from world-atlas, while d3.scaleOrdinal maps economy categories to a spectral color scheme. The map supports zooming via d3.zoom, and hovering highlights individual countries. A custom colorLegend module builds the SVG legend with circles and text labels.

Mmaxthamt

92% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by their economy classification, using a spectral ordinal color scale and a natural Earth projection. The visualization supports zooming and panning through d3.zoom, and displays a custom interactive legend built with SVG circles and text. It loads geographic and economic data from the world-atlas TopoJSON and TSV files, processing them with topojson.feature and d3.tsv. Country paths are rendered via d3.geoPath, with hover highlighting and a tooltip showing the country name and economy value.

Mmgweiner

91% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by their economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes an interactive color legend built with custom D3 selections. The map supports zooming via d3.zoom, and country tooltips display name and economic group. Data comes from the World Atlas TopoJSON and TSV files, loaded with d3.json and d3.tsv, with hover states highlighting countries in red.

Ggeneralshermanw

91% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes global economies using a categorical color scale derived from d3.scaleOrdinal and schemeSpectral. It renders countries as SVG paths via d3.geoPath with a Natural Earth projection, and includes an interactive color legend built with reusable D3 code. The map supports zooming through d3.zoom, and data is loaded from TopoJSON and TSV files using d3.json and d3.tsv. Hovering highlights countries in red, and tooltips display each country’s name and economic classification.

Jjklinnert

91% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy using a spectral ordinal scale, and includes an interactive color legend with circles and labels. The visualization renders world geography via a natural Earth projection and supports zooming and panning through d3.zoom. Data comes from the World Atlas TopoJSON and TSV files, processed with topojson.feature. The code imports individual D3 v5 modules including geoPath, geoNaturalEarth1, and scaleOrdinal, and builds the legend with a custom colorLegend function.

AAbdouEnsaj

91% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy using world-atlas TopoJSON data. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render the map, and d3.scaleOrdinal with schemeSpectral for color encoding. The color legend, built with a custom colorLegend function, displays the ordinal scale. Interactive pan and zoom is implemented via d3.zoom, and hovering highlights countries in red.

CClara Hu

90% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a natural Earth projection with an ordinal spectral color scale. The visualization supports zooming and panning through d3.zoom, with country names and income groups revealed on hover via SVG title elements. A custom color legend with circles and text labels is built using D3 data joins, while geographic data comes from the world-atlas TopoJSON dataset processed with topojson.feature and loaded via d3.tsv and d3.json. The map is rendered entirely in SVG.

Ggalyniayaroshenko

90% match