Choropleth Map

100%

Choropleth Map

✓ Published2🌍 Public

Last edited Sep 29, 2019

Created on Sep 25, 2019

This choropleth map visualizes the nominal GDP of countries using a color scale based on income group, with darker colors indicating higher values. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries from TopoJSON data loaded from the World Atlas. A color legend, built with a custom `colorLegend` component, displays the ordinal scale domains using `d3.scaleOrdinal` and the `schemeSpectral` color range. The visualization also supports zooming through `d3.zoom`, and country tooltips appear on hover via SVG `<title>` elements.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map visualizes global economic groupings by coloring each country according to its economy category. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries from TopoJSON data loaded from the world-atlas package. A sequential `d3.scaleOrdinal` with `schemeSpectral` assigns colors, while zooming is enabled through `d3.zoom`. Hovering highlights countries in red, and a color legend explains the ordinal categories.

MMabelbao

90% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their income group, using a spectral color scale with a clickable legend that displays the categorical values. The map is rendered with SVG paths generated by `d3.geoPath` and a `geoNaturalEarth1` projection, with zooming enabled via `d3.zoom`. Geographic data comes from the World Atlas TopoJSON, joined with country names from a TSV file. The color legend is built with `scaleOrdinal` and custom `colorLegend` functions.

JJordan Chiu

90% match

Loading thumbnail…

Choropleth Map

JJordan Chiu

90% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economy classification, using a spectral color scale to differentiate income groups. The visualization displays country names and classifications on hover via tooltips, with a legend showing the ordinal color mapping. Built with D3 v5, the example uses `geoNaturalEarth1` projection and `geoPath` to render world geography from TopoJSON data, while `scaleOrdinal` with `schemeSpectral` assigns colors. The interactive zoom feature uses `zoom`, and a custom `colorLegend` function draws the legend with SVG circles and text.

CCarloGato

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

90% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by income group using an ordinal color scale with a spectral scheme, drawing each nation with `d3.geoPath` and a Natural Earth projection. The visualization supports zooming via `d3.zoom` and includes a custom color legend rendered with SVG circles and text. Country names and income data come from TopoJSON and TSV files loaded from the world-atlas package. Hovering over a country reveals its name and income group in a tooltip.

MMabelbao

90% match

Loading thumbnail…

Choropleth Map

A choropleth map colors each country by its economy classification using an ordinal color scale with a spectral palette. The visualization supports pan and zoom via d3.zoom, and renders geographic features with d3.geoPath and a Natural Earth projection. A custom color legend component displays the categorical scale, while data is loaded from the World Atlas TopoJSON and TSV files, with tooltips showing country names and economy values on hover.

Nnkohdatavis

89% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the world's countries, colored according to their economic classification. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render the geographic shapes, with an ordinal color scale based on a spectral scheme to represent the data. Country data comes from the world-atlas dataset, which merges TopoJSON geometry with TSV metadata. Interactive features include zooming via `zoom()` and a color legend built with `scaleOrdinal` and SVG elements. Hovering over a country highlights it in red and displays a tooltip with its name and economic group.

AAndreas Loew

89% match