Skip to main content
SimilarExport ZIP
100%

Fork of Map with Selectable Countries F

✓ Published0🌍 Public
Ffsajedi22
Last edited Mar 15, 2023
Created on Mar 15, 2023

This interactive choropleth map colors countries by economic grouping from the visionscarto-world-atlas dataset, using a spectral ordinal color scale. Clicking a country highlights it and dims all others, while a color legend allows filtering by category. The visualization uses d3.geoNaturalEarth1 projection and d3.geoPath to render the map, and d3.scaleOrdinal with schemeSpectral for coloring. Zooming via d3.zoom and interaction handlers are also included.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Map with Selectable Countries

This interactive choropleth map displays countries colored by economic group, with a legend that filters the map's color encoding. Clicking a country selects it, dimming all others, while a click on the legend resets the selection. The visualization uses a natural Earth projection via d3.geoNaturalEarth1 and renders geographic paths with d3.geoPath. Data is loaded from a world-atlas TopoJSON with TSV metadata, and the ordinal color scheme comes from d3.scaleOrdinal and d3.schemeSpectral. Interactivity is handled with D3's selection API and event listeners.

Mmirasnag
95% match
Loading thumbnail…

Fork of Map with Selectable Countries

This interactive choropleth map lets viewers click countries to select or deselect them, dimming unselected nations and highlighting the chosen one while fading the sphere background. The map and a color legend for economic groups update together, with the legend also supporting selection. Built with D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` to render GeoJSON from the World Atlas TopoJSON, while `d3.zoom` enables panning and zooming. The legend and map are composed via D3 data joins and `d3.scaleOrdinal` with a spectral color scheme.

Llawrynowiczgeorge@gmail.com
93% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map colors countries by economic grouping using a categorical color scale. Users can click legend items to filter the map, dimming non-matching countries while highlighting the selected group. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for map projection, d3.zoom for panning, and d3.scaleOrdinal with schemeSpectral. Country boundaries come from the world-atlas TopoJSON dataset, with hover effects and a tooltip displaying country names and values.

Iion.cojoc@gmail.com
90% 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
90% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering F

This choropleth map displays global country-level economic classifications using an ordinal color scale. Users can click legend items to highlight matching countries and dim all others, with a second click clearing the filter. The map uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and `zoom` for pan/zoom interaction, with SVG rendering. Data comes from the world-atlas TopoJSON dataset, joined to TSV metadata. The legend and map are both rendered with D3 selections, and hover effects highlight individual countries.

Ffsajedi22
89% match
Loading thumbnail…

Fork of Map with Selectable Countries

This fork of a world map allows users to click individual countries to highlight them while dimming the rest. It uses a natural Earth projection with `d3.geoPath` to render country and sphere outlines in SVG, with data sourced from the world-atlas TopoJSON and TSV files. A `d3.scaleOrdinal` with the `schemeSpectral` palette colors countries by economic group, and a linked color legend supports selection toggling. Pan and zoom are enabled via `d3.zoom`, while country opacity and stroke width respond to the current selection state.

KKevin Luddy
89% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes world countries colored by their economic group, with an interactive color legend that filters the map to show only countries in a selected category. Clicking a legend entry dims non-matching countries to 10% opacity while highlighting the selected group, and clicking again resets the view. The visualization uses d3.geoPath with a natural Earth projection, d3.scaleOrdinal with a spectral color scheme, and loads country boundaries and metadata from the world-atlas package. A zoom interaction is also included, allowing users to pan and scale the map.

GGuan
88% 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
88% match