Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
CChip
Last edited Feb 25, 2020
Created on Feb 25, 2020
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale applied via `d3.scaleOrdinal` and `d3.schemeSpectral`. The map renders with `d3.geoPath` and a Natural Earth projection, drawing country boundaries from TopoJSON data loaded from the World Atlas. Hovering highlights a country in red, and a custom color legend built with reusable D3 code shows the category colors. The visualization supports zoom and pan through `d3.zoom`, with all elements rendered as SVG.

NNkwachi Abel
96% 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
96% 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
95% 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
95% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale derived from `d3.scaleOrdinal` and `schemeSpectral`. The map renders with `d3.geoNaturalEarth1` projection and `d3.geoPath`, while country geometries and names come from TopoJSON and TSV data loaded via `Promise.all`. A semi-transparent legend built from `d3.scaleOrdinal` domains shows color categories, and `d3.zoom` enables panning and zooming over the SVG. Hovering highlights individual countries in red.

Ccpsshan
95% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic category using an ordinal color scale with a spectral palette. The visualization loads world geometry and country metadata from the world-atlas TopoJSON and TSV files, rendering paths with `d3.geoPath` and a Natural Earth projection. Users can pan and zoom via `d3.zoom`, while a custom legend built with D3 selections displays color categories as circles and text. Hovering highlights a country in red, and tooltips show each nation's name and economy type.

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