Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
EElena Momtcheva
Last edited Mar 15, 2024
Created on Mar 15, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Choropleth Map

This choropleth map colors world countries by their economic classification, using a natural Earth projection and an ordinal spectral color scale. The visualization includes an interactive color legend built with a custom `colorLegend` function, and supports zooming and panning via `d3.zoom`. Data is loaded from World Atlas TopoJSON and TSV files using `d3.json` and `d3.tsv`, then processed with `topojson.feature`. Hovering highlights countries in red, while tooltips display the country name and economic group. The map is rendered as SVG with `d3.geoPath` and uses a simple CSS hover effect.

AAdlina Marini
94% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economic classification using a spectral color scale, with hover highlighting and a color legend. It also allows users to zoom and pan the map. The visualization builds on the `world-atlas` dataset (50m TopoJSON and TSV) and renders with D3’s `geoPath` and `geoNaturalEarth1` projection. It employs `scaleOrdinal` and `schemeSpectral` for color mapping, and a custom `colorLegend` function to draw the legend.

Bbathlarajat
94% 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
94% 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
94% match