Fork of Chloropeth Map

100%

Fork of Chloropeth Map

✓ Published0🌍 Public

Last edited Dec 29, 2021

Created on Dec 29, 2021

A choropleth map colors countries by their economy classification, with a color legend and zoom-and-pan interaction. It uses `d3.geoNaturalEarth1` and `d3.geoPath` to render the world from TopoJSON data loaded via `d3.json` and `d3.tsv`, which joins country names and economy values by ISO codes. The visualization assigns colors via `scaleOrdinal` with `schemeSpectral`, and includes a custom `colorLegend` component. Interactive zoom is handled with `d3.zoom`, while SVG paths for countries are styled with hover effects.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

91% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by economy using world-atlas TopoJSON data. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render the map, and d3.scaleOrdinal with schemeSpectral for color encoding. The color legend, built with a custom colorLegend function, displays the ordinal scale. Interactive pan and zoom is implemented via d3.zoom, and hovering highlights countries in red.

CClara Hu

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

91% match

Loading thumbnail…

Fork of 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.

PPioustu

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

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

91% match