Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Jun 25, 2019

Created on Jun 25, 2019

A choropleth map colors countries of the world according to their economic classification, using a spectral color scale. The visualization is rendered as an SVG and supports zooming. Built with D3 v5, it leverages `geoPath` and `geoNaturalEarth1` for map projection, and `scaleOrdinal` with `schemeSpectral` for coloring. Data comes from the world-atlas package (50m TSV and JSON files), loaded via `loadAndProcessData`, with countries displayed as paths and a custom legend.

AI-generated description

MIT Licensed

Similar vizzes

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 countries according to their economic classification, using an ordinal color scale with a spectral scheme. The map includes zooming and panning via the `zoom` event, and a legend shows the color-to-value mapping. Built with D3 v5, it uses `geoPath` and `geoNaturalEarth1` for the map projection, and the data comes from the `world-atlas` dataset, loaded with `tsv` and `json` calls.

WWannachai-yin

94% match

Loading thumbnail…

Choropleth Map

A choropleth map of countries colored by economic classification from world-atlas data, with a categorical color legend that filters the map on click. The visualization uses D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, and `scaleOrdinal` with a spectral color scheme, rendering as SVG with interactive zoom and hover highlighting.

EEdoardoRegini

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

93% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economic classification using an ordinal color scale with the `schemeSpectral` palette. The visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world geography, with data loaded from the World Atlas TopoJSON and TSV files via `d3.json` and `d3.tsv`. A custom color legend displays the scale, and zooming is enabled through `d3.zoom`. Hovering highlights a country by turning it red.

CChip

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economic classification using a categorical ordinal color scale from `d3.scaleOrdinal` with the `schemeSpectral` palette. It renders world geography with `d3.geoPath` and a Natural Earth projection, loading TopoJSON country boundaries and TSV metadata from the world-atlas package. A custom color legend built with D3 selections appears alongside the map, while `d3.zoom` enables panning and zooming. The visualization uses SVG elements and includes hover effects that highlight individual countries.

CChenluWang96

93% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economic classification, with a color legend showing ordinal categories from the Spectral scheme. The visualization loads world geometry from TopoJSON and joins it with tabular data from a TSV file. Using d3.geoPath with a geoNaturalEarth1 projection, it renders SVG paths that support zooming via d3.zoom. Hovering highlights individual countries, while a custom colorLegend component displays the color scale with circles and text labels.

Ccaydener

93% match

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by economic grouping, using a spectral color scale and an accompanying legend. Built with D3 v5 and TopoJSON, it loads country boundaries and metadata from the world-atlas package. The map renders as SVG paths via `d3.geoPath` with a natural Earth projection, supports zooming through `d3.zoom`, and highlights countries on hover. The color legend is a custom component using `d3.scaleOrdinal` and `d3.schemeSpectral`.

LLaura Molina

93% match