Fork of Fork of Choropleth Map Zia1

100%

Fork of Fork of Choropleth Map Zia1

✓ Published0🌍 Public

Last edited Apr 14, 2021

Created on Apr 14, 2021

A choropleth map colors countries by economic classification using a categorical ordinal scale with the spectral color scheme, and includes a custom color legend with labeled circles. Users can pan and zoom the map via d3.zoom, while hovering highlights a country in red and displays its name and economic group in a tooltip. The visualization loads world geometry from TopoJSON and joins it with TSV metadata, projecting paths with d3.geoPath and d3.geoNaturalEarth1. Rendering is done in SVG within a D3 v5 framework, with a reusable colorLegend component.

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

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

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

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

90% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by their economy category, using a natural Earth projection and an ordinal spectral color scale. Hovering highlights a country in red, while a zoom interaction pans and scales the map view. It loads TopoJSON and TSV data from the world-atlas package, rendering with SVG via d3.geoPath. A custom color legend, built with d3.scaleOrdinal, displays the categorical color scale, and topojson.feature processes the geographic data.

Kkzaiets

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

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

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

89% match