Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
PPioustu
Last edited Nov 1, 2022
Created on Nov 1, 2022
Forked from Choropleth Map

This fork of a choropleth map colors countries by economy category using a spectral ordinal scale, with a legend rendered as circles and text. Built with D3 v5, it loads world geometry from TopoJSON and country metadata from TSV, then projects paths via `d3.geoNaturalEarth1` and `d3.geoPath`. Map panning and zooming use `d3.zoom`, while hover effects highlight countries in red. The legend is created by a custom `colorLegend` module that binds to color scale domains and updates in place.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category using a spectral color scale, with hover highlighting and a custom color legend. Built with D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to project and render TopoJSON world-atlas data, while `d3.zoom` enables pan and zoom. The legend, rendered with reusable SVG components, displays ordinal color swatches and labels. Data is loaded from the world-atlas package, combining TopoJSON geometry with TSV metadata.

Mmavercikalvin
96% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by their economy category using a spectral color scale. The map is rendered with SVG paths generated by `d3.geoPath` and the Natural Earth projection, with country names and values shown as tooltips. The visualization includes a custom color legend built with `d3.scaleOrdinal`, and users can pan and zoom via the `d3.zoom` event handler. Data is loaded from the World Atlas TopoJSON and TSV files.

Zzenoalive
94% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category, using a categorical color scheme with an interactive color legend built from circles and text. The visualization loads world country boundaries and metadata from the world-atlas package, merges them with TopoJSON processing, and projects the map with d3.geoNaturalEarth1 and d3.geoPath. It supports zooming via d3.zoom and highlights countries on hover by changing their fill to red.

Bboardkeystown
94% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes countries color-coded by their economy type, using a spectral color scale with an accompanying interactive legend. Built with D3 v5, it renders world map shapes using `geoNaturalEarth1` projection and `geoPath`, with data from a TSV file joined to TopoJSON geometry. The map supports zooming via the `zoom` module and hover effects that highlight countries in red.

Ffsajedi22
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
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes countries colored by their economy category, with a legend showing the ordinal color scale. The map uses a natural Earth projection and supports zooming and panning via d3.zoom, while hovering highlights a country in red. Data from the World Atlas TopoJSON and TSV files is loaded with d3.json and d3.tsv, processed through topojson.feature, and rendered as SVG paths using d3.geoPath. The legend is built with a custom component using D3 selections.

Lluyang93
94% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy using a spectral ordinal scale, and includes an interactive color legend with circles and labels. The visualization renders world geography via a natural Earth projection and supports zooming and panning through d3.zoom. Data comes from the World Atlas TopoJSON and TSV files, processed with topojson.feature. The code imports individual D3 v5 modules including geoPath, geoNaturalEarth1, and scaleOrdinal, and builds the legend with a custom colorLegend function.

AAbdouEnsaj
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