Skip to main content
SimilarExport ZIP
100%

Choropleth Map with Interactive Filtering

✓ Published0🌍 Public
Aanduskong
Last edited Dec 17, 2020
Created on Dec 17, 2020

This choropleth map colors world countries by economy category using a sequential color scale, with an interactive legend that filters the map by clicking a category. The map renders geographic features with `d3.geoPath` and `d3.geoNaturalEarth1`, while the legend circles respond to clicks to toggle the selected category, dimming non-matching countries. Pan and zoom are enabled via `d3.zoom`. Data comes from the World Atlas TopoJSON and TSV files, processed with TopoJSON’s `feature` method.

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 with Interactive Filtering

This choropleth map colors countries by their economy category and includes an interactive color legend for filtering. Hovering a legend item highlights matching countries and dims all others, while clicking toggles the selection. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for geographic projection, d3.scaleOrdinal with schemeSpectral for coloring, and d3.zoom for panning. Data comes from the world-atlas TopoJSON and TSV files, rendered as SVG paths with click-driven state updates.

JJunyanL
95% match
Loading thumbnail…

Choropleth Map Interactive Filtering

This choropleth map displays world countries colored by economy category using an ordinal spectral color scale. Clicking a legend category filters the map by highlighting countries in that category and dimming all others; clicking again clears the filter. The visualization uses D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `zoom`, and `scaleOrdinal` on SVG paths, with country data loaded from the world-atlas TopoJSON and TSV files. A legend built with `colorLegend` updates opacity and triggers interactive filtering.

Dddperdue
95% 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
95% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

A choropleth map displays world countries colored by their economy category, which can be interactively filtered by clicking entries in an adjacent color legend. The map renders geographic boundaries using `d3.geoPath` with a `geoNaturalEarth1` projection, and supports panning and zooming through `d3.zoom`. Clicking a legend item, built with `d3.scaleOrdinal` and `schemeSpectral`, dims non-matching countries while highlighting the selected group. The data comes from the world-atlas TopoJSON and TSV files, with the visualization built using D3 v5 and SVG.

NNeha-1107
95% match
Loading thumbnail…

Choropleth Map With Interactive Filtering

A choropleth map of world countries colored by economy, with an interactive color legend that filters the map to highlight countries in a selected category. Clicking a legend entry dims non-matching countries and increases their stroke width; clicking again clears the filter. Built with D3 v5, the visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to render topojson country features from the world-atlas dataset, with `d3.scaleOrdinal` and `schemeSpectral` for colors.

Bbprokopowicz
95% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays country-level economic data using a color scale, with a legend allowing viewers to filter the map by clicking a specific economic category. The map uses a natural Earth projection through `d3.geoNaturalEarth1` and `d3.geoPath`, rendering country boundaries as SVG paths. Filtering dims non-selected countries and highlights the chosen one, while the legend’s interactive ticks use `d3.scaleOrdinal` and `schemeSpectral` for colors. Data is loaded from the world-atlas TSV and TopoJSON files, with interactive zoom via `d3.zoom`.

AAjayyy
94% match
Loading thumbnail…

Choroplath Map with Interactive Filtering

A choropleth map colors world countries by economy category using an ordinal color scale, with a color legend that filters to a single category when clicked. The map and legend are built with D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` for projection and rendering, and `d3.zoom` for pan and zoom. Data comes from the World Atlas TopoJSON and TSV files, loaded with `d3.json` and `d3.tsv`, and countries are highlighted or dimmed based on the selected color value.

OOleg
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays global economies using color-coded countries, with interactive filtering through a clickable color legend. Hovering over legend items dims non-matching countries, while clicking toggles filtering and highlights selected categories. The visualization uses d3.geoPath with a geoNaturalEarth1 projection for map rendering, d3.scaleOrdinal with schemeSpectral for coloring, and d3.zoom for panning. Data comes from TopoJSON world-atlas files, with country names and economy classifications merged from TSV metadata.

Sszy1900
94% match