Exercise

100%

✓ Published0🌍 Public

Last edited Oct 14, 2019

Created on Oct 7, 2019

Forked from Choropleth Map with Interactive Filtering

This visualization shows a choropleth map of countries colored by their economy type, with an interactive legend that filters and highlights selected categories. The map uses a natural Earth projection with d3.geoPath, while the view supports pan and zoom via d3.zoom. Data comes from world-atlas TopoJSON with a TSV mapping country codes. Colors are assigned through d3.scaleOrdinal with the Spectral scheme, and clicking legend items toggles dimming of non-selected countries.

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

89% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification, with a color legend and tooltips showing each country’s name and category. The visualization uses a natural Earth projection rendered as SVG paths via d3.geoPath, while TopoJSON and TSV data from the world-atlas package are loaded asynchronously. Users can pan and zoom the map using d3.zoom, and hovering highlights individual countries in red. The color scale uses d3.scaleOrdinal with a spectral scheme, and an interactive legend is built from custom d3 selections.

BBrandon Lehr

89% match

Loading thumbnail…

choropleth map

This choropleth map colors countries by their economy type, using a spectral color scale with a linked legend that filters the map when clicked. The visualization renders world geography as SVG paths via d3.geoPath with a geoVanDerGrinten4 projection, and supports zooming through d3.zoom. Data comes from the World Atlas TopoJSON dataset, merged with TSV metadata, while the legend uses an ordinal scale and interactive ticks to highlight or dim matching countries.

JJenny

89% match

Loading thumbnail…

Choropleth Map Interactive

This interactive choropleth map displays countries colored by their economy category, using a spectral color scale and a natural Earth projection. Users can click legend swatches to highlight matching regions while dimming others. The visualization is built with D3 v5 modules including `geoNaturalEarth1`, `geoPath`, and `zoom`, rendering vector shapes as SVG. It loads geographic data from the World Atlas TopoJSON and TSV files, processing them via `topojson.feature`. A dedicated color legend component supports selection filtering, while CSS hover effects emphasize individual countries.

MMunTatt Yap

89% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economy type, using a spectral color scale with an interactive legend. Built with d3 v5 and the topojson library, it renders natural earth projection paths as SVG elements. The map displays data from the world-atlas package, with country names and economy values shown on hover. A zoom feature allows user interaction, while the legend uses a custom colorLegend component to map ordinal categories to colors.

RRobyn Parker

89% match

Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map colors countries by their economy category and includes an interactive color legend for filtering. Hovering a legend item highlights matching countries and dims all others, while clicking toggles the selection. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for geographic projection, d3.scaleOrdinal with schemeSpectral for coloring, and d3.zoom for panning. Data comes from the world-atlas TopoJSON and TSV files, rendered as SVG paths with click-driven state updates.

JJunyanL

89% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy type using a categorical color scale, with a legend showing each category. It renders world geography as SVG paths via `d3.geoPath` and the Natural Earth projection, while `d3.zoom` enables panning and zooming. The code loads TopoJSON and TSV data from the world-atlas package, mapping country IDs to economy labels, and uses `d3.scaleOrdinal` with `schemeSpectral`. Hovering highlights a country in red.

Ggabcoderboi

88% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification, with a categorical color scale and a legend showing the mapping. The visualization uses d3.geoPath with a natural Earth projection to render country boundaries, and it supports interactive zooming via a custom zoom overlay. Data is loaded from the world-atlas package, combining TopoJSON geometry with tab-separated attribute data. Hovering a country highlights it in red and displays its name and economy type in a tooltip.

NncjB

88% match