Skip to main content
SimilarExport ZIP
100%

Choropleth map

✓ Published0🌍 Public
JJens Grochtdreis
Last edited May 6, 2020
Created on May 6, 2020
Forked from Choropleth map

This choropleth map colors world countries by economy type using a spectral color scale. The map is rendered with SVG, using `d3.geoPath` with the Natural Earth projection, and supports zooming via `d3.zoom`. A legend with color swatches allows users to click a category, which highlights matching countries while dimming others. Data is loaded from the world-atlas TopoJSON and TSV files.

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

This choropleth map colors world countries by their economy category using an ordinal color scale with a spectral scheme, and displays a color legend with clickable circles. It renders geographic boundaries with antialiased SVG paths via `d3.geoPath` and the Natural Earth projection, while loading data from the world-atlas package (TSV metadata and TopoJSON geometries) and processing it with `topojson.feature`. Hovering highlights a country in red, and the map supports zooming through the `d3.zoom` interaction.

Ffaaty
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries according to their economy group, using a spectral color scale to differentiate categories. It renders geographic boundaries with d3.geoNaturalEarth1 and d3.geoPath, and includes an interactive color legend built with custom SVG components. Users can pan and zoom the map via d3.zoom, while tooltips reveal country names and economy values. The visualization loads TopoJSON data from the world-atlas package and joins it with TSV metadata to assign colors, with hover states highlighted in red.

JJynadal
94% match
Loading thumbnail…

Choropleth map

This choropleth map colors world countries by their economy type using a spectral color scale. Hovering a country highlights it in red and reveals its name and economy through an SVG title tooltip. The map is rendered with D3’s `geoPath` and a Natural Earth projection, with data loaded via TopoJSON and TSV files from the world-atlas dataset. A custom `colorLegend` displays the categorical color scale.

AAsperge-Atomique
94% match
Loading thumbnail…

Choropleth Map

A choropleth map of world countries colors each nation by its economy category using an ordinal spectral color scale. Data from the world-atlas TopoJSON and TSV files is projected with the Natural Earth projection and rendered as SVG paths. Hovering highlights a country, and a custom color legend with circles and labels is generated using the `colorLegend.js` module. The map supports interactive zooming via the `d3.zoom` API, which applies transformations to the map group on zoom events.

JJynadal
94% match
Loading thumbnail…

Choropleth map

This choropleth map colors world countries by economy type using a spectral color scale, with a hover effect highlighting individual countries and a legend showing the ordinal categories. It renders GeoJSON country outlines as SVG paths via d3.geoPath with a Natural Earth projection, and loads country boundaries from the world-atlas TopoJSON dataset. The map supports zoom and pan through d3.zoom, and the color legend is built with a custom reusable component in d3.

SSagar Malviya
93% 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
93% match