Skip to main content
SimilarExport ZIP
100%

Fork of clickable of choropleth ... map 22

✓ Published0🌍 Public
YYanxxx447
Last edited Jan 13, 2021
Created on Jan 13, 2021

A fork of a D3 choropleth map displays countries colored by economy type, with a clickable legend for filtering. The map uses `geoNaturalEarth1` and `geoPath` for projection, with `zoom` for panning and `scaleOrdinal` with `schemeSpectral` for colors. Data loads from world-atlas TopoJSON and TSV files. Clicking legend items highlights matching countries and dims others.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Choropleth Map with Interactive Filtering

This choropleth map displays world countries colored by economy category, with an interactive color legend that filters the map when clicking legend items. The visualization uses d3.geoNaturalEarth1 projection and d3.geoPath to render the TopoJSON world data, while d3.scaleOrdinal maps economy values to colors. Clicking a legend item highlights matching countries and dims others, with d3.zoom enabling pan and zoom. Data comes from the world-atlas TopoJSON dataset.

DDjedjeX
90% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes countries colored by economy category using a natural Earth projection. Users can click legend items to filter the map, highlighting matching countries while dimming all others, and can also zoom and pan the SVG view. The visualization uses d3.geoNaturalEarth1, d3.geoPath, and d3.zoom for map rendering, with a d3.scaleOrdinal and schemeSpectral for color encoding. It loads geographic and metadata from the World Atlas TopoJSON and TSV datasets, while the color legend enables interactive filtering through click handlers.

Ggalyniayaroshenko
89% match
Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map colors countries by economy category, using a categorical color scheme with an interactive color legend built from circles and text. The visualization loads world country boundaries and metadata from the world-atlas package, merges them with TopoJSON processing, and projects the map with d3.geoNaturalEarth1 and d3.geoPath. It supports zooming via d3.zoom and highlights countries on hover by changing their fill to red.

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

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays world countries colored by economy type, with an interactive color legend that filters the map when clicked. Hovering over legend items dims non-matching countries, while selected countries are highlighted and the sphere fades to emphasize the filter. Built with d3.v5, it uses d3.geoNaturalEarth1, d3.geoPath, d3.scaleOrdinal, and d3.zoom for panning and zooming, rendering as SVG from TopoJSON world-atlas data.

NNICHAPA
89% 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 Choropleth Map

This fork of a choropleth map visualizes countries color-coded by their economy type, using a spectral color scale with an accompanying interactive legend. Built with D3 v5, it renders world map shapes using `geoNaturalEarth1` projection and `geoPath`, with data from a TSV file joined to TopoJSON geometry. The map supports zooming via the `zoom` module and hover effects that highlight countries in red.

Ffsajedi22
89% match
Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

A choropleth map of world economies lets users filter countries by clicking legend items, with unselected countries fading to low opacity. The map uses d3.geoPath with a geoNaturalEarth1 projection and a d3.scaleOrdinal color scale with the schemeSpectral palette, rendering as SVG. The color legend, built with custom enter/merge/exit logic, triggers updates via click handlers that toggle the selected category. Geographic data comes from world-atlas TopoJSON, paired with economic metadata from a TSV file.

Ffrozengem397
89% match