Map with Selectable Countries

100%

Map with Selectable Countries

✓ Published0🌍 Public

Last edited Jun 11, 2020

Created on Jun 11, 2020

Forked from Choropleth Map with Interactive Filtering

This interactive choropleth map colors countries by their economy category using a spectral color scale. Clicking a country highlights it, dims all others, and fades the world sphere; clicking again deselects it. A color legend allows filtering by economy category. The map uses D3 v5’s geoNaturalEarth1 projection and geoPath, with TopoJSON world data processed via loadAndProcessData and styled using SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Map with Selectable Countries

This interactive choropleth map displays world countries colored by their economic classification, with grayed-out, semi-transparent countries when one is selected. Clicking a country highlights it and shows its name and value in a tooltip; clicking again deselects it, and clicking a color legend swatch filters the map to that category. Built with D3 v5, it uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` for rendering SVG paths, and `topojson.feature` to convert TopoJSON from the world-atlas package, joined with TSV metadata containing ISO codes and economy data.

Ccodexmon

94% match

Loading thumbnail…

Map with Selectable Countries

This interactive map displays global economies using a color-coded choropleth, where clicking a country selects it and dims all others. The legend also supports click-to-filter, highlighting matching color values. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the projection and rendering, with `zoom` for panning. Data comes from the World Atlas TopoJSON and TSV files, with color values mapped via `scaleOrdinal` and `schemeSpectral`.

GGiovanniD_

93% match

Loading thumbnail…

Map with Selectable Countries

This map displays the world’s countries colored by their economy classification, using an ordinal color scale and a natural Earth projection. Users can click any country to highlight it while dimming all others; clicking again deselects it. A separate, clickable color legend filters the map to show only countries within a selected economy group. Built with D3 v5, it uses `geoPath`, `geoNaturalEarth1`, and `scaleOrdinal` with `schemeSpectral`, and renders as SVG paths. Country data originates from the world-atlas TopoJSON and TSV files.

Iip01

93% match

Loading thumbnail…

Map with Selectable Countries

This interactive map displays world countries colored by economic group using a spectral color scale. Users can click countries to highlight them, which dims all others and fades the background sphere. Clicking again deselects. A legend allows filtering by economic group. The visualization uses d3.geoNaturalEarth1 projection, d3.geoPath for rendering, and d3.zoom for pan/zoom. Data comes from the world-atlas TopoJSON and TSV files, with color mapping via d3.scaleOrdinal and d3.schemeSpectral.

CCurran Kelleher

93% match

Loading thumbnail…

Map with Selectable Countries

This map visualization displays global economies using a choropleth projection, where each country’s color corresponds to its economic classification from World Atlas data. Users can click individual countries to highlight them and dim all others, with a legend that also supports filtering by economic category. The implementation uses d3.geoPath with a geoNaturalEarth1 projection, d3.zoom for panning, and d3.scaleOrdinal with schemeSpectral for coloring. TopoJSON loads the geographic boundaries, while SVG paths render the interactive map and legend controls.

FFukurouNarthil

93% match

Loading thumbnail…

Map with Selectable Countries

A choropleth map displays countries color-coded by economy using D3's `geoNaturalEarth1` projection and `geoPath`. Users click countries to select them, which highlights the chosen nation while dimming others; clicking again deselects. A color legend using `scaleOrdinal` with `schemeSpectral` allows filtering by income group. Data loads from world-atlas TSV and TopoJSON files, with SVG rendering supporting zoom interactions via D3's `zoom` event.

Ggcappadaniel

92% match

Loading thumbnail…

Map with Selectable Countries

This interactive choropleth map visualizes world countries colored by economic classification, with a linked legend that filters the map based on selected categories. Clicking a country either selects or deselects it, dimming all other countries; clicking a legend category toggles the map to show only countries in that category. The map uses `d3.geoPath` with the `geoNaturalEarth1` projection, `d3.zoom` for pan and zoom, and `d3.scaleOrdinal` with the spectral scheme for coloring. Data comes from the world-atlas TSV and TopoJSON files, rendered as SVG paths.

GGerryLivermore

92% match

Loading thumbnail…

Map with Selectable Countries

This example presents an interactive choropleth map of world countries colored by economic classification. Users can click countries to highlight them while dimming all others, and clicking again deselects. The visualization also includes a clickable color legend that filters which categories remain visible. Built with D3 v5, it uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.zoom` for map rendering and interaction, while the color scale uses `d3.scaleOrdinal` with `d3.schemeSpectral`. Country boundaries and names come from TopoJSON world-atlas data.

Aalfigit15052019

91% match