[REDO] Interactive Filtering

100%

[REDO] Interactive Filtering

✓ Published0🌍 Public

Last edited Nov 21, 2018

Created on Nov 15, 2018

A choropleth map of world countries colored by economic classification demonstrates an interactive filtering technique. Users can click a legend to highlight matching countries while dimming others, with a second click restoring full visibility. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render country boundaries, while a custom colorLegend component manages the categorical color scale. Input data comes from the world-atlas TopoJSON and TSV files, processed through the topojson feature API.

AI-generated description

MIT Licensed

Similar vizzes

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

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

90% match

Loading thumbnail…

Interactive Filtering of Choropleth Map

A choropleth map colors countries by economic classification using an ordinal color scale and the D3 geoNaturalEarth1 projection. Users click legend items to filter the map’s displayed categories, with non-selected legend entries and map countries dimmed to 20% opacity. The visualization relies on d3.geoPath, d3.zoom for panning, and topojson to convert world-atlas TopoJSON data into GeoJSON features.

Jjlspangl

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

90% match

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

90% match

Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map colors countries by economic classification using a spectral color scale, with an interactive legend that filters map regions by clicking legend items. The visualization combines a world map rendered with d3.geoPath and d3.geoNaturalEarth1, a colorLegend with clickable circles, and d3.zoom for panning and zooming. Country data comes from the world-atlas TopoJSON and TSV datasets, with hover highlighting and tooltips showing country names and values.

CClara Hu

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

90% match

Loading thumbnail…

Chloropleth Map with interactive filtering-1

A choropleth map displays global economic classifications, with a linked color legend for interactive filtering. Clicking a legend category dims non-matching countries and highlights those selected. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.zoom for panning, and d3.scaleOrdinal with schemeSpectral for colors. Data comes from TopoJSON world-atlas and TSV metadata, rendered as SVG paths with hover effects.

Jjblaskovich

90% match