Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map with Interactive Filtering

✓ Published0🌍 Public
Hhuashe418
Last edited Mar 15, 2022
Created on Mar 15, 2022

This choropleth map displays global economic groups, with countries colored by their economy category. Selecting a color in the legend interactively filters the map, highlighting only countries in that group while dimming the others. The visualization uses the `d3.geoPath` and `d3.geoNaturalEarth1` projections for geographic rendering, and `d3.scaleOrdinal` with the spectral scheme for color assignment. Data comes from the world-atlas dataset, loaded via `d3.tsv` and topojson. The map supports zooming through the `d3.zoom` event handler.

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…

Fork of Fork of Choropleth Map with Interactive Filtering

This choropleth map displays global economic groups, color-coded through an ordinal spectral scale. Hovering over a legend item interactively filters the map, dimming all countries not belonging to that category and highlighting those that do. The visualization uses D3.js v5 with `geoNaturalEarth1` and `geoPath` for map projection, while `scaleOrdinal` and `schemeSpectral` drive the color encoding. Clicking legend entries toggles filtering by economic group, with world data sourced from the World Atlas TopoJSON and TSV files.

VVincent Oti
94% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This interactive choropleth map displays countries colored by their economy category, allowing users to click legend items to filter and highlight specific regions while dimming others. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world geography, while d3.scaleOrdinal and schemeSpectral assign colors to categorical data. Hovering over countries reveals their name and economy value via SVG title elements, and d3.zoom enables panning and zooming the map. Data comes from the world-atlas TopoJSON dataset combined with a happiness CSV file.

Xxyang3672
94% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map visually encodes countries by economy group using a spectral color scale. Hovering over legend items interactively filters the map, dimming countries outside the selected category while highlighting the chosen group. The visualization uses `d3.geoPath` and `geoNaturalEarth1` for map projections. Data is loaded from the world-atlas TopoJSON and TSV sources, with legend interactions managed through D3 selections and event handlers.

Vvipin kumar paikra
94% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes global economic data, coloring each country according to its economy category. Clicking a color in the legend filters the map to highlight only countries in that category, dimming all others. The map uses d3.geoPath with a natural Earth projection, while d3.scaleOrdinal and d3.schemeSpectral drive the color encoding. Data loads via topojson from the world-atlas package, with d3.tsv supplying the economic classifications.

KKamilPodsiadlo
94% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes global economic classifications with an interactive color legend that filters countries by category. Clicking a legend item highlights matching countries while dimming others, and clicking again removes the filter. The map uses D3 v5 with `geoNaturalEarth1` projection, `geoPath`, and zoom behavior, while the legend leverages `scaleOrdinal` with `schemeSpectral` colors. Data comes from the World Atlas TopoJSON and TSV files, rendered as SVG with hover tooltips showing country names and values.

Vvivianaaai@qq.com
94% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays world economies categorized by income group, with an interactive color legend that filters the map when a category is clicked. Hovering reveals country names and values via SVG title elements. The visualization uses d3.geoNaturalEarth1 projection, d3.geoPath for map rendering, and d3.zoom for panning and zooming. Data comes from the world-atlas TopoJSON and TSV files, with color mapping via d3.scaleOrdinal and d3.schemeSpectral.

Bbkopruluoglu3
94% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes countries colored by economy category using a natural Earth projection. Users can click legend items to filter the map, highlighting matching countries while dimming all others, and can also zoom and pan the SVG view. The visualization uses d3.geoNaturalEarth1, d3.geoPath, and d3.zoom for map rendering, with a d3.scaleOrdinal and schemeSpectral for color encoding. It loads geographic and metadata from the World Atlas TopoJSON and TSV datasets, while the color legend enables interactive filtering through click handlers.

Ggalyniayaroshenko
94% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays global economic classifications by country, with colored regions projected using a natural Earth projection. Users can click legend items to filter the map, highlighting matching countries while dimming others, and can zoom and pan the visualization. The example uses d3.geoPath and d3.geoNaturalEarth1 for map rendering, d3.zoom for interaction, and d3.scaleOrdinal with schemeSpectral for coloring, loading geographic data from the World Atlas TopoJSON dataset alongside TSV metadata.

TTaric Ov
93% match