Vincent Oti

@mrvincentoti·2 public vizzes

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.

Jun 21, 2022

Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays global economic classifications by country, with a color legend that doubles as an interactive filter. Clicking a legend item dims all countries except those matching the selected category, while hovering over the map highlights a country in red. The visualization uses D3 v5’s `scaleOrdinal` with a spectral color scheme and `geoPath` with the Natural Earth projection to render the map. Country boundaries and income data come from the world-atlas TopoJSON, and spatial interaction is handled by D3’s `zoom` event system.

Jun 21, 2022