Skip to main content
SimilarExport ZIP
100%

h

✓ Published0🌍 Public
Llqmpl
Last edited Oct 31, 2022
Created on Oct 31, 2022

A choropleth map of world countries colored by economic group, with an interactive color legend that filters the map. Hovering reveals a country’s name and value via a `title` tooltip, while clicking a legend tick toggles highlighting of that category and dims others. Built with D3 v5, it uses `geoNaturalEarth1` projection with `geoPath`, `scaleOrdinal` and `schemeSpectral`, `zoom` for panning, and `topojson.feature` to load world-atlas data.

AI-generated description

A choropleth map where you can hover over items in the color legend items to interactively filter!

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth map interactive filtering

This interactive choropleth map displays world countries colored by economic classification, with a legend that filters the map by clicking a category. Users can zoom and pan the map, and selected countries are highlighted while unselected ones fade. The visualization uses D3 v5 APIs including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.zoom`, and `d3.scaleOrdinal`, rendering with SVG. Data comes from the World Atlas TopoJSON file merged with TSV metadata.

ZZhi Guangda
86% match
Loading thumbnail…

Choropleth map interactive filtering

This interactive choropleth map displays world countries colored by economic classification, with a legend that filters the map by clicking a category. Users can zoom and pan the map, and selected countries are highlighted while unselected ones fade. The visualization uses D3 v5 APIs including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.zoom`, and `d3.scaleOrdinal`, rendering with SVG. Data comes from the World Atlas TopoJSON file merged with TSV metadata.

ZZhi Guangda
86% match
Loading thumbnail…

Interactive

A world choropleth map colors countries by economic classification, using a spectral ordinal color scale. Users can click any country to highlight it and dim all others, or click again to clear the selection; clicking legend swatches filters the map to a specific category. The visualization uses d3.geoNaturalEarth1 with d3.geoPath to render TopoJSON country outlines from the world-atlas dataset, d3.scaleOrdinal for coloring, and d3.zoom for panning and scaling. An SVG legend, built with custom functions, adds interactive filtering and selection feedback.

ZZhi Guangda
86% match
Loading thumbnail…

world map

A choropleth map of world countries colored by economy category, with an interactive legend that filters the map when clicking a category. Hovering a country displays its name and value via a tooltip. The visualization uses D3 v5 with d3.geoNaturalEarth1 projection, d3.geoPath for rendering, and d3.zoom for pan and zoom. Data comes from the world-atlas TopoJSON and TSV files, processed with topojson.feature and d3.tsv.

BBajiSharifPatan@my.unt.edu
85% match
Loading thumbnail…

Choropleth Map

This choropleth map displays the world’s countries colored by their economy classification, with a hover tooltip revealing each country’s name and economic group. The visualization uses `d3.geoPath` with the `geoNaturalEarth1` projection to render the globe, while `topojson.feature` loads the world atlas data and merges it with TSV metadata. An ordinal color scale applies a `schemeSpectral` range, and the custom `colorLegend` component builds an SVG legend. The map supports interactive pan and zoom via `d3.zoom`.

Ggcappadaniel
85% match
Loading thumbnail…

chloropleth map

This choropleth map colors countries according to economic data, with a color legend and hover highlighting. The visualization uses D3 v5 with `d3.geoPath` and `d3.geoNaturalEarth1` for geographic projection, while loading world data from the world-atlas TopoJSON and TSV files. The color scale uses `d3.scaleOrdinal` with the Spectral scheme to map economic classifications. Users can pan and zoom via `d3.zoom`, and country names appear as tooltips on hover.

Aaidanoconnor1
85% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

A choropleth map colors countries by economic classification, sourced from the World Atlas dataset and displayed using the Natural Earth projection. Clicking a color swatch in the legend filters the map, dimming all countries except those matching the selected category, while a highlighted stroke marks the active group. Built with D3 v6, it uses `d3.geoPath` for map geometry, `d3.scaleOrdinal` with the spectral scheme for color mapping, and `d3.zoom` for interactive panning and zooming. Hovering a country reveals its name and value via a tooltip.

HHe Jianfeng
85% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

A world choropleth map colors countries by their economy category, with an interactive color legend that filters which countries remain highlighted. Built with D3 v5, it uses `geoNaturalEarth1` projection with `geoPath` for geographic rendering, `zoom` for panning and scaling, and a `scaleOrdinal` with a spectral scheme for categorical colors. Data comes from TopoJSON world-atlas files merged with TSV metadata, and clicking a legend tick dims all non-matching countries.

MMichał Szumnarski
85% match