Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Apr 9, 2020

Created on Apr 9, 2020

This choropleth map visualizes global economic classifications by coloring each country according to its income group. Built with D3 v5 and TopoJSON, it uses an ordinal color scale with the spectral scheme and renders geographic shapes via `d3.geoPath` with a natural Earth projection. The map supports pan and zoom through D3’s zoom behavior, and hovering highlights countries in red. A custom legend, generated with appended SVG circles and text, displays the color categories, while data is loaded from the World Atlas TopoJSON and TSV files.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map visualizes global economic classifications by country, coloring each nation according to its economy category. Built with D3 v5, it uses `d3.geoNaturalEarth1` for projection and `d3.geoPath` to render the map from TopoJSON world-atlas data, with country attributes loaded from a TSV file. A color legend, constructed via `colorLegend`, displays the ordinal color scale using `d3.scaleOrdinal` and `d3.schemeSpectral`. The SVG map supports zooming via `d3.zoom`, and hovering changes a country’s fill to red.

Eevavan8

96% match

Loading thumbnail…

Choropleth Map

This choropleth map displays global economic classifications by coloring each country according to a categorical ordinal scale derived from the `economy` property in the world-atlas dataset. The visualization loads TopoJSON and TSV data, then uses `d3.geoPath` with a natural Earth projection to render country boundaries, while a custom color legend built with SVG circles and text explains the color encoding. Users can zoom and pan via `d3.zoom`, with hover effects highlighting individual nations.

Ggcappadaniel

94% match

Loading thumbnail…

Choropleth Map

Ggcappadaniel

94% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic income group using an ordinal color scale. The visualization uses D3 v5 with d3.geoPath and a Natural Earth projection to render TopoJSON world data loaded from the world-atlas package. Users can zoom and pan via d3.zoom, and hovering highlights individual countries. A custom color legend component displays the category colors and labels, with interactivity handled through SVG selections.

VVivian Peng

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their economic classification, with a discrete ordinal color scale and an interactive color legend. Using D3 v5 and the `geoNaturalEarth1` projection, it renders TopoJSON world data loaded from the world-atlas package and merges it with TSV metadata containing country names and income groups. Users can pan and zoom via D3's zoom behavior, while hovering highlights countries in red and displays a tooltip with the country name and economy type. The legend is built with a custom colorLegend component.

SShanthi Acharya

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. Hovering highlights a country in red, and the map includes a legend showing color categories. Built with D3 v5, it uses `geoPath` with the Natural Earth projection and loads geographic data from the world-atlas TopoJSON and TSV files. The visualization supports zooming via D3's zoom event and renders as an SVG.

AAdrianTNare

94% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using a spectral color scale to distinguish categories. The map renders geographic boundaries as SVG paths via `d3.geoPath` and a Natural Earth projection. Data is loaded from the World Atlas TopoJSON and TSV files, merged by country ID, then assigned to the `d3.scaleOrdinal` color scale. A custom legend shows color swatches with labels, and hovering highlights individual countries in red. Interaction includes zoom and pan through the `d3.zoom` event, which applies an SVG transform.

CCurran Kelleher

94% match

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries according to their economic group, using a sequential spectral color scale with a clickable legend. Built with D3 v5, it loads TopoJSON world-atlas data and renders geographic paths via `d3.geoPath` with a natural Earth projection. The map supports zooming through `d3.zoom`, and hover states highlight individual countries. The ordinal color scale maps economy classifications to colors, with the legend generated by a custom reusable component.

AAliTariqChaudhary

94% match