Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Aug 4, 2022

Created on Aug 4, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. The visualization renders world geography with d3.geoNaturalEarth1 and d3.geoPath, loading TopoJSON and TSV data from the world-atlas package. Interactive zooming is enabled via d3.zoom, and hovering highlights individual countries through a CSS :hover rule. Tooltips using SVG title elements display each country's name and economy group.

Kkevincgc

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

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

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

96% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map uses a natural Earth projection to color countries by their economy category, with a D3 ordinal color scale based on the Spectral scheme. It also includes an interactive color legend built with reusable custom functions. The visualization renders as SVG and supports zooming and panning through d3.zoom, with hover highlighting on countries. Geographic data comes from the world-atlas TopoJSON dataset, joined with TSV metadata for country names and economic classifications, and styling is handled via external CSS.

Mmoslem-tg

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

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

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

95% match