Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published1🌍 Public
Yylzami40
Last edited Mar 6, 2020
Created on Mar 6, 2020
Forked from Choropleth Map

This choropleth map visualizes countries by their economy type, using a spectral color scale applied via `d3.scaleOrdinal` and `d3.schemeSpectral`. It projects geographic data with `d3.geoNaturalEarth1` and renders shapes through `d3.geoPath` in an SVG, with topojson data loaded from the World Atlas. The map supports zooming via `d3.zoom`, and hovering highlights individual countries. Country names and economy values appear as tooltips from appended title elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy type using a categorical color scale, with a legend showing each category. It renders world geography as SVG paths via `d3.geoPath` and the Natural Earth projection, while `d3.zoom` enables panning and zooming. The code loads TopoJSON and TSV data from the world-atlas package, mapping country IDs to economy labels, and uses `d3.scaleOrdinal` with `schemeSpectral`. Hovering highlights a country in red.

Ggabcoderboi
95% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category using a spectral color scale. The visualization loads geographic data from the World Atlas TopoJSON and TSV files, projecting it with `d3.geoNaturalEarth1` and rendering paths via `d3.geoPath`. A zoom behavior allows interactive panning on the SVG, while an animated legend updates through `transition.attr` calls. Hovering highlights individual countries, and the map includes a title tooltip showing each country’s name and economy value.

Ggilbster
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their economy type, using a spectral color scale. The visualization is built with d3.geoPath and d3.geoNaturalEarth1 to project geographic data from the World Atlas TopoJSON, while a custom color legend displays the ordinal scale. The map supports zooming via d3.zoom and shows country names and values as tooltips.

MMatthiasVanCampen
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy type, using a spectral color scale assigned through d3.scaleOrdinal. The map is drawn with d3.geoPath and the Natural Earth projection, while data is loaded asynchronously from World Atlas TSV and TopoJSON files. Hovering highlights countries in red, and a custom legend displays the color categories. The visualization supports zooming via d3.zoom, with zoom state handled through event transforms.

KKarkG
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy grouping, using a spectral color scale assigned through D3's `scaleOrdinal` and `schemeSpectral`. The code projects geographic features with `geoNaturalEarth1` and `geoPath` onto an SVG, overlaying a white legend built by a custom `colorLegend` component. Hovering highlights a country in red via CSS. Data comes from the `world-atlas` package, merging TopoJSON shapes with TSV metadata. Zoom interactions are handled through D3's `zoom` event, transforming the map group.

YYoung Song
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category, using a spectral ordinal color scale and a legend rendered as circles and text. It displays world geography with a natural Earth projection and supports zooming via d3.zoom. The map is built with d3.geoPath and topojson, loading country boundaries from the world-atlas dataset and merging in economic classification data from a CSV file. Hovering highlights individual countries, while the legend updates dynamically based on the data’s domain.

Zzikitamar9
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy type using a categorical ordinal scale with the d3.schemeSpectral palette. It renders world geography with d3.geoNaturalEarth1 and d3.geoPath, allowing zoom and pan via d3.zoom. A custom color legend displays the scale with circles and labels, while hovering highlights a country in red. Data comes from the world-atlas TopoJSON and TSV files, and the visualization is drawn with SVG.

MManoukK
93% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economy type, using a spectral color scale with an interactive legend. Built with d3 v5 and the topojson library, it renders natural earth projection paths as SVG elements. The map displays data from the world-atlas package, with country names and economy values shown on hover. A zoom feature allows user interaction, while the legend uses a custom colorLegend component to map ordinal categories to colors.

RRobyn Parker
93% match