Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
CChase Hall
Last edited Oct 25, 2022
Created on Oct 25, 2022
Forked from Choropleth Map

This choropleth map colors world countries by their economic classification using a spectral color scale, with an interactive color legend showing the categorical values. The map renders geographic boundaries and landmasses through D3’s geospatial projection and path generation, while hover effects highlight individual countries. Data is loaded from the World Atlas topojson and TSV files, processed via the `topojson` feature API, and colors are assigned using `d3.scaleOrdinal` with a `schemeSpectral` range. The view supports zoom and pan through D3’s interactive zoom behavior.

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 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 classification using a spectral color scale, with hover effects and a legend showing the ordinal categories. The map supports zooming and panning via the `d3.zoom` API, while the sphere and country paths are rendered with `d3.geoPath` and the Natural Earth projection. Data is loaded from the `world-atlas` TopoJSON and TSV files, processed with the `topojson` feature function and `d3.tsv`, and assigned colors through `d3.scaleOrdinal` with `d3.schemeSpectral`.

WWannachai-yin
95% 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
95% 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
95% 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 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 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 Fork of Choropleth Map

This choropleth map colors countries by their economy classification using a spectral color scale, with hover highlighting and a circular legend showing the categorical values. The visualization loads world topology from the world-atlas TopoJSON dataset and joins it with TSV metadata. Built with D3 v5, it uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering SVG paths, `d3.zoom` for pan and zoom, and `d3.scaleOrdinal` with `schemeSpectral` for color mapping.

MMajaha21
94% match