Choropleth Map

100%

Choropleth Map

✓ Published1🌍 Public

Last edited Jul 17, 2021

Created on Jul 16, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

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.

Jjp saini

94% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification, with an ordinal color scale and a legend showing each category. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the projection, `topojson` to load world geometry from the world-atlas dataset, and `schemeSpectral` for the color range. The map supports zooming via `d3.zoom`, while hover effects highlight individual countries.

HHasideluxe

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

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with the spectral scheme, sourced from the World Atlas TopoJSON dataset. The map supports interactive zooming and panning, and clicking a legend item highlights matching countries while dimming others. It is built with D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, and `d3.zoom` for navigation, with all elements rendered as SVG.

Mmaru25-alt

93% 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 a spectral scheme. The visualization loads world geometry from TopoJSON and country metadata from TSV, joining them by ISO numeric codes, and renders with D3’s `geoNaturalEarth1` projection and `geoPath`. A custom `colorLegend` displays the scale, while zooming and panning are enabled via `d3.zoom`. Hovering highlights countries, and tooltips reveal name and economy class.

Vvaynexie

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

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

92% match