Choroplath Map with Interactive Filtering

100%

Choroplath Map with Interactive Filtering

✓ Published1🌍 Public

Last edited Feb 15, 2021

Created on Nov 5, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choroplath Map with Interactive Filtering

A choropleth map colors countries by economic classification, using a categorical color scale with seven development categories. Interactive filtering lets users click legend items to highlight countries in a selected category, dimming all others. The map renders with d3.geoPath and a natural Earth projection, while d3.zoom enables panning and zooming. Data comes from the World Atlas TopoJSON and TSV files, processed via topojson.feature.

OOleg

95% match

Loading thumbnail…

choropleph with interactive filtering

This choropleth map displays world countries colored by economy category, with an accompanying ordinal color legend. Clicking a legend category filters the map by fading non-matching countries to low opacity and highlighting the selected group. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for projection, `scaleOrdinal` with `schemeSpectral` for colors, and `zoom` for panning. Data comes from the World Atlas TopoJSON and TSV files, rendered as SVG paths.

YYedrup

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

94% match

Loading thumbnail…

Choropleth Map with Interactive Filtering

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.

Aanduskong

94% match

Loading thumbnail…

Choroplath Map with Interactive Filtering

This choropleth map colors countries by economic category and supports interactive filtering through a clickable legend. Selecting a legend category highlights matching countries while dimming others, and clicking again clears the selection. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while d3.zoom enables panning and zooming. Color categories are assigned via d3.scaleOrdinal with CSS classes, and the legend’s click handler toggles the filter. Data comes from world-atlas TopoJSON and TSV files, rendered as SVG paths with tooltips showing country names and values.

Nnouralkhoury

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

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

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

94% match