Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited May 13, 2023

Created on May 12, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Fork of Choropleth Map

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.

SSaip Can Hasbay

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 visualization displays a choropleth map of world countries colored by income group using a categorical color scale. D3 v6 and topojson load geographic data from the World Atlas, while `geoNaturalEarth1` projection and `geoPath` render the SVG paths. A legend built with `scaleOrdinal` and `schemeSpectral` shows income categories. Pan and zoom interactions are enabled via `d3.zoom`, and hovering highlights countries in red.

RRishi Kavikondala

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

93% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. The visualization uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and TopoJSON data from the world-atlas dataset to draw country boundaries. A zoom behavior lets users pan and scale the map, while an SVG color legend built from custom code displays the category colors. Hovering highlights individual countries, and the map updates with a red fill on mouseover.

MMark Baynes

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

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

92% match