Project | Interaction | Re-submit

Project | Interaction | Re-submit

A choropleth map shows the primary balance of countries, colored on a Yellow-Orange-Red ordinal scale, with a clickable legend to filter and highlight selected economic categories. Built with D3 v5, it uses `d3.geoEquirectangular` and `d3.geoPath` to render SVG country paths from TopoJSON (world-atlas 50m), joined with CSV data. The map supports zooming via `d3.zoom`, and legend interactions trigger re-renders that adjust country opacity and highlight states.

91% match

Project | Interaction | Re-submit

91% match

Project | Interaction

A choropleth map of world countries colored by primary balance, with a yellow legend panel for selecting economic categories. Clicking a legend item highlights matching countries and dims others; clicking again clears the selection. The map supports zoom and pan via d3.zoom. Built with d3.geoPath and geoEquirectangular projection, using TopoJSON world-atlas data and CSV attributes merged by ISO code. Hovering a country shows its name and primary balance in a tooltip.

86% match

Project | last part

This visualization is a choropleth map of world countries colored according to a color scale derived from a categorical attribute, with a legend allowing interactive filtering of highlighted countries. The map uses the D3 geo projection API (`geoEquirectangular` with `geoPath`) to render country boundaries as SVG paths from TopoJSON data merged with CSV attributes. The legend, built with D3's ordinal color scale and the `schemeYlOrRd` color scheme, responds to clicks to toggle a selected category, which dims non-matching countries. The map also implements a zoom interaction via D3's `zoom` event.

Project | last part-resubmit

This choropleth map displays the primary balance of countries, using a yellow-to-red sequential color scale. Users can click a legend item to highlight countries with the selected value, while dimming all others. Built with D3 v5, the map projects geographic data using `d3.geoPath` and `d3.geoEquirectangular`, with zoom and pan via `d3.zoom`. Country boundaries and economic data come from the World Atlas TopoJSON and a CSV dataset, loaded through `d3.json` and `d3.csv`.

21 - interactive filtering - choropleth map - dataviz 2018

This interactive choropleth map displays world countries colored by economy category, with a linked legend that filters the map by category. Users click a country or legend label to select or deselect a category, or click the ocean to clear the selection; non-selected countries fade to 30% opacity. Built with d3.v5, it uses `geoNaturalEarth1` projection and `geoPath` for rendering, `topojson` for world atlas data (from world-atlas npm package), and `scaleOrdinal` with `schemeSpectral` for colors. Zooming is implemented via d3’s `zoom` behavior.

Zzach b.

Choropleth Map with Interactive Filtering

This choropleth map displays global economic data using a D3.js SVG rendering with an interactive color legend. Users can click legend entries to filter countries by their economic classification, while the map highlights the selected category and dims others. The visualization uses `d3.geoPath` with a natural Earth projection to draw country boundaries and a sequential color scale based on the spectral scheme. World country data and properties are loaded from the World Atlas TopoJSON and TSV files, with zoom and pan functionality powered by `d3.zoom`.

Choropleth Map with Interactive Filtering