Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Jan 7, 2022

Created on Jan 7, 2022

This choropleth map colors countries by income group using an ordinal scale with a spectral color scheme. The visualization supports zooming and panning via d3.zoom, and includes a custom color legend with circles and labels built through reusable D3 selections. Data comes from the world-atlas TopoJSON and TSV files, rendered as SVG paths using d3.geoPath with a natural Earth projection. Hovering highlights countries in red, and tooltips display country names and income categories.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by their income group using a spectral color scale. The visualization employs the d3 geoNaturalEarth1 projection and d3.geoPath to render geographic features from world-atlas TopoJSON and TSV data. A custom color legend displays the ordinal scale, while the d3 zoom event enables interactive panning and zooming. Hovering over a country turns it red and reveals its name and income category in a tooltip.

Mmehdi kaidi

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

94% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. The visualization renders geographic shapes with d3.geoPath and a natural Earth projection, while supporting interactive pan and zoom via d3.zoom. Data comes from the World Atlas TopoJSON and TSV files, loaded through d3.json and d3.tsv. A custom d3 color legend with circles and labels appears on the left, and hovering highlights individual countries in red.

Ttaaddele

93% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic grouping using an ordinal color scale with a spectral scheme. It visualizes world geography with a natural Earth projection and includes a custom SVG color legend with circles and labels. The map supports zooming and panning via d3.zoom, and country paths are generated with d3.geoPath from TopoJSON data loaded from the World Atlas. Hovering highlights countries in red, with tooltips prepared via the title element.

HHadi Ghafouri

93% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by income group using a spectral color scale. The visualization uses D3 v5 and the `geoNaturalEarth1` projection with `geoPath` to render country shapes from the world-atlas TopoJSON and TSV data. A custom `colorLegend` displays the ordinal color scale as circles and text, and zooming is enabled through D3’s `zoom` event. Hovering a country turns it red, and tooltips show its name and additional text.

Ttbar72

93% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal color scale derived from World Atlas TopoJSON and TSV data. It renders the map with d3.geoPath and a natural Earth projection, while a custom colorLegend module displays the scale using SVG circles and text. The map supports zooming via d3.zoom, and hovering highlights individual countries by turning them red. The visualization uses SVG rendering with d3 v5.

MMesh-7777

93% match

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

92% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes global income groups using a natural Earth projection, coloring each country according to its income classification. The map is rendered with SVG paths using `d3.geoPath` and `geoNaturalEarth1`, with country data loaded from TopoJSON and TSV files via the world-atlas package. A custom color legend component displays the ordinal color scale, which uses `scaleOrdinal` with a spectral scheme. The visualization supports pan and zoom through `d3.zoom`, and hover interactions highlight individual countries.

NNYCUBK201

92% match