Skip to main content
SimilarExport ZIP
100%

Chloropleth Map Interactive

✓ Published1🌍 Public
IIsabel
Last edited Oct 9, 2018
Created on Oct 9, 2018

This interactive choropleth map displays world countries colored by their economic classification using an ordinal color scale. Users can click legend items to filter and highlight countries matching the selected economy type, with non-matching countries fading to low opacity. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for rendering country boundaries as SVG paths, with d3.zoom enabling pan and zoom interactions. Data comes from TopoJSON world atlas files, while the interactive legend is built with custom d3 selections and click handlers.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Chloropleth Map Interactive

A choropleth map shows world countries colored by economy type, with a legend that filters and highlights selected categories. The visualization supports zooming and panning, and dims non-selected countries while emphasizing those matching the chosen economy. It uses d3.geoPath with the geoNaturalEarth1 projection to render the map, and d3.scaleOrdinal with schemeSpectral for coloring. Country data comes from world-atlas TopoJSON and TSV files, with hover effects and a clickable color legend for interaction.

MMaxwell Dayvson da Silva
96% match
Loading thumbnail…

Chloropleth Map - Interactive

This interactive chloropleth map displays global economic data by country, with a color legend that filters the map to highlight selected categories. The visualization uses D3 v5’s `geoPath` and `geoNaturalEarth1` projections to render the world map, while the legend leverages `scaleOrdinal` and `schemeSpectral` for color mapping. Users can click legend ticks to isolate specific economic classifications, with non-selected countries dimmed and the selected category emphasized. The map also supports zooming via D3’s `zoom` event, and country data is loaded from the world-atlas TopoJSON and TSV sources.

LLeora Wenger
93% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This interactive choropleth map visualizes global economic classifications using a color-coded world map, with a legend that filters countries by economy type. Users can click a legend category to highlight matching countries and dim others, and can click again to clear the filter. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render country boundaries from World Atlas TopoJSON and TSV data. Color assignments use d3.scaleOrdinal with the schemeSpectral palette, while d3.zoom enables panning and scaling. The SVG rendering includes hover effects that change country fill to white.

Ccheeson
93% match
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
93% match
Loading thumbnail…

Chloropleth Map with Interactive Filtering

A choropleth map colors countries by economic classification using an ordinal color scale, with a linked legend for interactive filtering. Clicking a legend category dims non-matching countries and highlights selected ones, while clicking again clears the filter. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for map projection, and d3.zoom for pan and zoom. Data comes from world-atlas TopoJSON and TSV files; colors are applied via d3.scaleOrdinal with the GnBu scheme.

Ffbudwill
93% match
Loading thumbnail…

Choropleth Map with Interactive filtering

This choropleth map displays world countries colored by their economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. Clicking legend items filters the map to highlight countries matching the selected economy type while dimming others, with the sphere and map regions adjusting opacity accordingly. The visualization uses d3.geoPath with the geoNaturalEarth1 projection to render topojson data from the world-atlas 50m dataset, and supports pan and zoom interactions through d3.zoom. Tooltips show country names and values via SVG title elements.

PPiotr Paszek
93% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays global economic classifications by country, with a color-coded legend that doubles as an interactive filter. Clicking a legend item highlights matching countries and dims all others on the map. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for the map projection, while d3.scaleOrdinal with schemeSpectral drives the color encoding. Hovering over legend items updates their opacity, and d3.zoom enables pan and zoom interactions. Country data comes from the World Atlas TopoJSON and TSV datasets loaded via d3.json and d3.tsv.

Ccaydener
93% match
Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays country-level economic classifications using a color scale based on world-atlas TopoJSON data. Users can click legend items to highlight countries matching that category while dimming others, and hover effects further emphasize individual countries. The visualization uses d3.geoPath with a geoNaturalEarth1 projection for map rendering, d3.zoom for panning and zooming, and d3.scaleOrdinal with schemeSpectral for color encoding. The legend and map are built as separate SVG components that re-render when the selection changes.

Ggcappadaniel
93% match