Skip to main content
SimilarExport ZIP
100%

Interactive Choropleth Map

✓ Published0🌍 Public
Aanouckstbr@gmail.com
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from Choropleth Map

This interactive choropleth map displays global economic classifications by country, with a color legend that filters highlights when clicked. Built with D3 v5, it uses `geoNaturalEarth1` projection, `geoPath`, and `geoZoom` for pan and zoom interactions. The map renders SVG paths from TopoJSON world atlas data, while an ordinal color scale applies a spectral scheme. Hovering changes country fill, and selecting a legend category dims non-matching regions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Interactive Chloropleath Map

This interactive choropleth map displays global economic classifications by country, with a color-coded legend that filters and highlights selected regions. The map uses D3 v5 with `geoNaturalEarth1` projection, `geoPath` for rendering SVG paths, and TopoJSON data from the world-atlas dataset. Users can click legend categories to emphasize matching countries while dimming others, and zoom/pan the map via D3’s `zoom` behavior. A spectral color scale maps ordinal economy values, with tooltips showing country names and values.

AAjit Singh
95% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays global economic classifications per country, with a natural Earth projection and color-coded fill based on categorical data. Users interactively filter the map by clicking color legend items, which dims all non-selected countries and reduces the sphere’s opacity. The visualization uses D3 v5 APIs including `d3.geoPath`, `d3.geoNaturalEarth1`, `d3.scaleOrdinal`, and `d3.zoom`, with topojson loading world-atlas data. Hovering a country reveals its name and value via a tooltip, while the legend highlights the active selection.

FFlorian Breitwieser
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays global economic classifications per country, with a natural Earth projection and color-coded fill based on categorical data. Users interactively filter the map by clicking color legend items, which dims all non-selected countries and reduces the sphere’s opacity. The visualization uses D3 v5 APIs including `d3.geoPath`, `d3.geoNaturalEarth1`, `d3.scaleOrdinal`, and `d3.zoom`, with topojson loading world-atlas data. Hovering a country reveals its name and value via a tooltip, while the legend highlights the active selection.

FFlorian Breitwieser
94% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

A choropleth map displays global economic classifications by country, with a color legend encoding each category. Clicking a legend item filters the map, dimming non-matching countries while highlighting the selected group. Hovering reveals country names and values via tooltips. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for SVG map rendering, `scaleOrdinal` with `schemeSpectral` for colors, and `zoom` for panning. Data comes from TopoJSON world-atlas merged with TSV metadata.

Wwmiao7483
94% match
Loading thumbnail…

Interactive choropleth map filtering

An interactive choropleth map displays global economic classifications using color-coded countries over a natural Earth projection. Clicking legend entries filters the map, dimming unselected economies and highlighting the chosen one while allowing zoom and pan through d3.zoom. The visualization uses d3.geoPath to render TopoJSON world-atlas data, d3.scaleOrdinal with schemeSpectral for color mapping, and SVG elements with transitions managed by D3’s data join. Hovering changes country fill to red, and tooltips show country names and values.

Zzenoe
93% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays global economic classifications using color-coded countries on a natural Earth projection. Users can click legend items to filter and highlight specific categories while dimming others. The visualization uses d3.geoPath to render country shapes from TopoJSON data and d3.scaleOrdinal with a spectral color scheme. Interactive zooming is implemented with d3.zoom, while legend clicks trigger re-rendering with adjusted opacity values.

Xxsg13
93% match
Loading thumbnail…

Choropleth Map with Interactive filtering

This choropleth map displays global economic classifications by country, with an interactive color legend that enables filtering by category. Selecting a legend item highlights matching countries while dimming others, and clicking again clears the filter. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world boundaries from TopoJSON data (World Atlas 50m), styled as SVG paths. The d3.scaleOrdinal with schemeSpectral drives the color encoding, while d3.zoom provides pan and zoom transformation on the map group.

CCassie
93% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays global economic classifications by country, with an interactive legend that filters highlighted regions. Users can click legend items to dim non-matching countries and emphasize selected categories, while zoom and pan are enabled via d3.zoom. The visualization uses D3 v5 with d3.geoNaturalEarth1 projection, d3.geoPath for rendering SVG paths, and d3.scaleOrdinal with a spectral color scheme. Data comes from the world-atlas TopoJSON dataset, with country names and economy values loaded from TSV metadata.

JJuyeonee
93% match