Skip to main content
SimilarExport ZIP
100%

Choropleth Map with Interactive Filtering

✓ Published0🌍 Public
SShabani Muswamba
Last edited Apr 24, 2020
Created on Apr 23, 2020

A choropleth map colors countries by economic classification using an ordinal color scale. Clicking a legend entry filters the map, dimming non-matching countries while highlighting the selected category. The visualization uses d3.geoNaturalEarth1, d3.geoPath, and d3.zoom for pan and zoom, with d3.scaleOrdinal and schemeSpectral for coloring. Data comes from the World Atlas TopoJSON and TSV files loaded via d3.json and d3.tsv, rendered as SVG with clickable legend ticks.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map with interactive filtering

A choropleth map colors countries by economic classification, with a categorical color legend that doubles as a filter. Clicking a legend category dims non-matching countries and highlights the selected class, while zoom and pan are enabled via d3.zoom. The map uses d3.geoPath with a Natural Earth projection, rendering TopoJSON data from the World Atlas, and d3.scaleOrdinal with schemeSpectral assigns colors. Hover styling also highlights individual countries.

NNkwachi Abel
96% 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
96% match
Loading thumbnail…

Chloropleth Map with Interactive Filtering

A choropleth map colors countries by economic classification using an ordinal color scale, with a linked legend for interactive filtering. Clicking a legend category dims non-matching countries and highlights selected ones, while clicking again clears the filter. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for map projection, and d3.zoom for pan and zoom. Data comes from world-atlas TopoJSON and TSV files; colors are applied via d3.scaleOrdinal with the GnBu scheme.

Ffbudwill
96% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

A world choropleth map colors countries by economic classification using a categorical ordinal scale. Clicking a legend item filters the map, dimming unselected countries and highlighting the chosen category while clicking again resets the view. The visualization is built with D3 v5, using `geoNaturalEarth1` and `geoPath` for map projection and rendering, with pan and zoom enabled via `d3.zoom`. Data comes from the World Atlas TopoJSON, and the legend uses SVG circles with click handlers.

Ccodexmon
96% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

A choropleth map colors countries by economic category using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. Clicking a legend item filters the map, reducing the opacity of non-matching countries and highlighting the selected category. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world features from TopoJSON data, while d3.zoom enables panning and zooming on the SVG. Hovering a country turns it red via CSS.

CCarloGato
96% match
Loading thumbnail…

Choropleth Map w/ Interactive Filtering

This choropleth map colors world countries by economic classification using an ordinal color scale and a natural Earth projection. Users click legend entries to filter the map, dimming non-selected countries and highlighting the chosen category. The visualization uses d3.geoPath for geographic rendering, d3.zoom for panning, and a d3.scaleOrdinal with a spectral scheme. Country boundaries and metadata come from the World Atlas TopoJSON and TSV datasets, with interactive legend filters implemented in SVG.

ZZ-Richard
96% 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
96% 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
95% match