Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
HHadi Ghafouri
Last edited Aug 30, 2021
Created on Aug 30, 2021
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Choropleth Map

This choropleth map colors world countries by economic grouping, using a spectral color scale with a custom legend. The visualization reacts to user zoom and pan gestures, redrawing country boundaries through D3’s `geoPath` and `geoNaturalEarth1` projection. Country data merges TSV attributes with TopoJSON geometry via `topojson.feature`, and hovering any country highlights it in red, while a tooltip shows its name and economic category. The project relies on D3 v5’s `scaleOrdinal`, `schemeSpectral`, and the `zoom` event helper for interactivity.

MMajaha21
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
95% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors world countries by economic classification using a spectral color scale, with a legend showing the ordinal categories. The map uses the Natural Earth dataset via TopoJSON and d3-geo's geoNaturalEarth1 projection. Users can zoom and pan through d3.zoom, and hovering highlights countries in red. The color legend is built with custom SVG components, while the map itself renders using the geoPath generator with tsv metadata joined to the geometry.

Vvivianaaai@qq.com
94% match
Loading thumbnail…

Fork of Choropleth Map

This example visualizes world countries colored by economic grouping using an ordinal color scale with the spectral scheme. The map renders in SVG, with countries projected via d3.geoNaturalEarth1 and drawn using d3.geoPath, featuring hover highlighting and zoom behavior through d3.zoom. Data loads from World Atlas TopoJSON and TSV files, processed via topojson.feature and Promise.all. The legend component remains commented out, while the tooltip displays country names and economic categories via SVG title elements.

BBrian Tang
94% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by economic group using a spectral color scale. The visualization includes a color legend with circles and labels, and countries highlight red on hover. Built with D3 v5, the map uses a natural Earth projection and renders as SVG paths. Data is loaded from the world-atlas package, combining TopoJSON geometry with TSV metadata. Interactive zooming is enabled via D3’s zoom behavior, and the legend is generated with a custom `colorLegend` function.

EElena Momtcheva
94% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by economic group using a spectral color scale. The visualization includes a color legend with circles and labels, and countries highlight red on hover. Built with D3 v5, the map uses a natural Earth projection and renders as SVG paths. Data is loaded from the world-atlas package, combining TopoJSON geometry with TSV metadata. Interactive zooming is enabled via D3’s zoom behavior, and the legend is generated with a custom `colorLegend` function.

EElena Momtcheva
94% match