Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Oct 7, 2021

Created on Oct 7, 2021

This fork of a choropleth map colors countries by their economic classification using a spectral color scale, with an interactive SVG legend displaying the categories. The map uses the Natural Earth 50m dataset, loaded via the `d3.json` and `d3.tsv` functions, and renders geographic paths with `d3.geoPath`. It employs `d3.scaleOrdinal` for color mapping and `d3.zoom` for pan/zoom interactions, with hover effects highlighting countries in red.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. The visualization uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and TopoJSON data from the world-atlas dataset to draw country boundaries. A zoom behavior lets users pan and scale the map, while an SVG color legend built from custom code displays the category colors. Hovering highlights individual countries, and the map updates with a red fill on mouseover.

MMark Baynes

95% 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 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 fork of a choropleth map visualizes global economies using a categorical color scale derived from d3.scaleOrdinal and schemeSpectral. It renders countries as SVG paths via d3.geoPath with a Natural Earth projection, and includes an interactive color legend built with reusable D3 code. The map supports zooming through d3.zoom, and data is loaded from TopoJSON and TSV files using d3.json and d3.tsv. Hovering highlights countries in red, and tooltips display each country’s name and economic classification.

Jjklinnert

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

94% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors world countries by their economic classification using an ordinal color scale with a spectral scheme. The map uses the Natural Earth projection via `d3.geoPath` and `geoNaturalEarth1`, with data loaded from the World Atlas TopoJSON and TSV files. A custom color legend displays the categorical values with circles and text. The visualization supports zooming and panning through `d3.zoom`, and includes hover effects that highlight countries in red.

HHong

94% match

Loading thumbnail…

Fork of Choropleth Map

This interactive choropleth map colors countries by economic classification, with a hover effect that turns each country red and a custom color legend showing the categorical scale. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map projections and rendering, while `scaleOrdinal` and `schemeSpectral` assign colors. The map loads world geometry from the world-atlas TopoJSON and TSV files, and supports zooming via the `zoom` event, which updates the SVG group’s transform.

Eexplorer123PiN

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

93% match