Skip to main content
SimilarExport ZIP
100%

Choropleth World Map w/ Interactive Filtering

✓ Published0🌍 Public
Ppeterjchan
Last edited Apr 5, 2020
Created on Apr 5, 2020

This choropleth map displays world countries colored by economic category, with an interactive legend that filters the map to highlight selected regions while dimming others. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render country shapes from TopoJSON data sourced from the World Atlas, with d3.zoom enabling pan and zoom navigation. A d3.scaleOrdinal with schemeSpectral maps economic groups to colors, while legend clicks toggle the highlighted selection and adjust opacity for unselected countries.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map with Interactive Filtering

A choropleth map of world countries colored by economic group, with an interactive legend that filters the map to highlight countries matching a selected category. Users click legend items to toggle filtering, which dims all non-matching countries and slightly emphasizes the selected group. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for map projection, d3.scaleOrdinal with d3.schemeSpectral for color encoding, and d3.zoom for pan/zoom. Data comes from the World Atlas TopoJSON and TSV files loaded via d3.tsv and d3.json.

LLaura Molina
95% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays world countries colored by economic classification, with an interactive color legend that filters which countries remain highlighted. Clicking a legend item dims all countries not in that category, while clicking the same item again clears the filter. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering SVG paths, d3.scaleOrdinal with a spectral scheme for coloring, and d3.zoom for pan and zoom. Data comes from the world-atlas TopoJSON and TSV datasets, loaded via d3.json and d3.tsv.

Llystran
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

A choropleth map displays world countries colored by economic classification, with an interactive legend that filters which countries remain highlighted. Users click legend categories to isolate specific economic groups, dimming non-matching countries to 10% opacity. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for map projection, d3.zoom for panning, and a d3.scaleOrdinal with schemeSpectral for coloring. Data combines TopoJSON world geometry with TSV metadata from the world-atlas package. The SVG rendering supports hover effects and a legend built with custom SVG groups and circles.

Ggabcoderboi
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays world countries colored by economic classification, with an interactive legend that filters the map to highlight selected categories while dimming others. Users can click legend items to toggle filtering, and the map supports zooming and panning via d3.zoom with geographic projection using d3.geoNaturalEarth1 and d3.geoPath. Data combines TopoJSON world geometry with TSV metadata, rendered as SVG paths with d3.v5.

MMichał Szumnarski
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays world countries colored by economic classification, with an interactive color legend that filters the map when clicked. Hovering reveals country names and values via tooltips, while non-selected countries and legend items fade to low opacity. The visualization uses d3.geoNaturalEarth1 with d3.geoPath for projected SVG rendering, d3.scaleOrdinal with schemeSpectral for color mapping, and d3.zoom for panning. Data comes from the world-atlas TopoJSON and TSV files, processed through topojson.feature. Clicking a legend item toggles filtering on that value.

Wwindwardpassage
94% match
Loading thumbnail…

Choropleth Map with Interactive filtering

This choropleth map displays global economic classifications by country, with an interactive color legend that enables filtering by category. Selecting a legend item highlights matching countries while dimming others, and clicking again clears the filter. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world boundaries from TopoJSON data (World Atlas 50m), styled as SVG paths. The d3.scaleOrdinal with schemeSpectral drives the color encoding, while d3.zoom provides pan and zoom transformation on the map group.

CCassie
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays countries colored by economic classification, with an interactive legend that filters map features by clicking on a category. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render country boundaries, while the color legend applies d3.scaleOrdinal with schemeSpectral. Pan and zoom are handled through d3.zoom. Data comes from the world-atlas TopoJSON dataset paired with TSV metadata, and filtering dims non-selected countries while highlighting the chosen economic group.

Ssteveaigbe
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays country-level economic classifications using a color scale based on world-atlas TopoJSON data. Users can click legend items to highlight countries matching that category while dimming others, and hover effects further emphasize individual countries. The visualization uses d3.geoPath with a geoNaturalEarth1 projection for map rendering, d3.zoom for panning and zooming, and d3.scaleOrdinal with schemeSpectral for color encoding. The legend and map are built as separate SVG components that re-render when the selection changes.

Ggcappadaniel
94% match