Fork of Choropleth Map

100%

Fork of Choropleth Map

✓ Published0🌍 Public

Last edited Feb 15, 2021

Created on Feb 15, 2021

A world map displays countries colored by their economy category using an ordinal color scale. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, then renders each country as an SVG path using `d3.geoPath` with a natural Earth projection. Users can zoom and pan via the `zoom` event transform, while a color legend created with custom SVG shapes shows the category-to-color mapping. Hovering over any country highlights it in red and reveals its name and economy class in a tooltip.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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 choropleth map colors countries by economy type using a categorical ordinal scale and the spectral color scheme. It renders geographic boundaries with d3.geoPath and a natural Earth projection, while a custom color legend built with SVG circles and text shows the category mapping. Users can pan and zoom via d3.zoom. Data comes from the world-atlas TopoJSON and TSV files, with hover effects highlighting individual countries.

BBolarinwa Omoware

94% 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 example shows a natural Earth choropleth map where each country is colored by its economy category from a global dataset. Users can pan and zoom through the SVG map using d3.zoom, while a color legend built with ordinal scales and schemeSpectral displays the available classifications. The visualization loads TopoJSON world-atlas data, joins TSV attributes, and renders countries via d3.geoPath with hover effects that highlight individual states.

BBlakeMcMurray

94% match