Skip to main content
SimilarExport ZIP
100%

Seleccioná el pais

✓ Published0🌍 Public
Aalfigit15052019
Last edited Oct 1, 2019
Created on Oct 1, 2019

A choropleth map of world countries colored by economic classification allows users to click a country to highlight it while dimming all others, and clicking again deselects it. A linked color legend also supports selection by clicking its swatches. The map uses `d3.geoNaturalEarth1` with `d3.geoPath` to render TopoJSON data from the world-atlas dataset, while `d3.scaleOrdinal` with `schemeSpectral` drives the color scale and `d3.zoom` enables panning and zooming.

AI-generated description
MIT Licensed

Similar vizzes

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

Map with Selectable Countries

This example shows a choropleth map of world countries colored by economic grouping, with interactive selection: clicking a country dims all others and highlights the chosen region, and clicking again clears the selection. A color legend filters the map to a single category. The visualization uses D3 v5 with `geoNaturalEarth1` projection and `geoPath` for rendering SVG paths, plus `zoom` for panning. Data comes from TopoJSON and TSV files via the world-atlas package, with colors assigned by `scaleOrdinal`.

Ccaydener
88% 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
87% 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
87% match
Loading thumbnail…

Choropleth map

A choropleth map colors world countries according to their economic classification, with a color legend that filters and highlights selected categories. Users can click legend entries to dim non-matching countries and intensify the selected region. Built with D3.js, the visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to project TopoJSON data from the world-atlas package, while `d3.scaleOrdinal` with `d3.schemeSpectral` assigns colors. Interactive zoom via `d3.zoom` and SVG rendering provide the map interface.

Nntech9613
87% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with the spectral scheme, sourced from the World Atlas TopoJSON dataset. The map supports interactive zooming and panning, and clicking a legend item highlights matching countries while dimming others. It is built with D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, and `d3.zoom` for navigation, with all elements rendered as SVG.

Mmaru25-alt
87% match
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
87% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by economic classification using a categorical ordinal scale with a spectral color scheme. Users can zoom and pan the natural Earth projection, while a custom color legend displays the category colors and labels. The visualization loads geographic and metadata from the world-atlas TopoJSON and TSV files, rendering paths via d3.geoPath and enabling interaction through d3.zoom. Hovering highlights individual countries, and the legend is built with reusable d3 selections.

Jjesramyep1263
86% match