Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
BBrian Tang
Last edited Nov 26, 2021
Created on Nov 26, 2021
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Choropleth Map

This choropleth map colors world countries by their economy classification using a categorical ordinal color scale with the spectral scheme. The visualization renders geographic boundaries with `d3.geoPath` and the Natural Earth projection, loading TopoJSON and TSV data from the world-atlas package. Interactive zoom and tooltip features are commented out, leaving a static map with an optional color legend component defined in a separate module.

CCheng Tang
94% match
Loading thumbnail…

Fork of Choropleth Map

A world map displays countries colored by their economy category using an ordinal color scale. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, then renders each country as an SVG path using `d3.geoPath` with a natural Earth projection. Users can zoom and pan via the `zoom` event transform, while a color legend created with custom SVG shapes shows the category-to-color mapping. Hovering over any country highlights it in red and reveals its name and economy class in a tooltip.

KKirsten Lund
94% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using colors from the D3 `schemeSpectral` scale. The map is rendered as SVG paths generated with `geoPath` and the `geoNaturalEarth1` projection, with country data loaded from the world-atlas TopoJSON and TSV files. A legend built with D3's `scaleOrdinal` and `selectAll` shows the color categories, while pan and zoom interactions are handled through `d3.zoom`. Hovering a country highlights it in red and reveals its name and economic group in a tooltip.

MMajaha21
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 example shows a choropleth map of the world, coloring each country according to its economy category using an ordinal color scale. The map renders with SVG paths generated by d3.geoPath and a Natural Earth projection, and it supports zooming and panning through d3.zoom. A custom color legend is built with circles and text labels. Data is loaded from world-atlas TopoJSON and TSV files, processed with topojson.feature, and the color scale uses d3.scaleOrdinal with schemeSpectral.

MMarwan Sulaiman
94% match