choropleth map

100%

choropleth map

✓ Published1🌍 Public

Last edited Jul 14, 2019

Created on Jul 13, 2019

This choropleth map colors countries by their economy type, using a spectral color scale with a linked legend that filters the map when clicked. The visualization renders world geography as SVG paths via d3.geoPath with a geoVanDerGrinten4 projection, and supports zooming through d3.zoom. Data comes from the World Atlas TopoJSON dataset, merged with TSV metadata, while the legend uses an ordinal scale and interactive ticks to highlight or dim matching countries.

AI-generated description

with interactive filtering

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their economy type, using a spectral color scale. The visualization is built with d3.geoPath and d3.geoNaturalEarth1 to project geographic data from the World Atlas TopoJSON, while a custom color legend displays the ordinal scale. The map supports zooming via d3.zoom and shows country names and values as tooltips.

MMatthiasVanCampen

94% match

Loading thumbnail…

choropleth ... map

A choropleth map of world countries colored by economy type, using a spectral color scale with an interactive legend. The map displays country names and economy values on hover, with zoom and pan enabled via d3.zoom. Built with d3.geoNaturalEarth1 projection and d3.geoPath, it loads TopoJSON and TSV data from world-atlas, renders as SVG, and uses d3.scaleOrdinal to map values to colors.

YYanxxx447

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their economy type, using a spectral color scale to show the distribution of economic groups across the world. The visualization employs d3.geoPath with a d3.geoNaturalEarth1 projection to render the geographic features, and d3.scaleOrdinal maps categorical values to colors. Hovering over a country highlights it in red and reveals a tooltip with its name and economy category. Data comes from the World Atlas TopoJSON and TSV files, processed through the topojson feature function.

00718103673

94% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economy type, using a spectral color scale with an interactive legend. Built with d3 v5 and the topojson library, it renders natural earth projection paths as SVG elements. The map displays data from the world-atlas package, with country names and economy values shown on hover. A zoom feature allows user interaction, while the legend uses a custom colorLegend component to map ordinal categories to colors.

RRobyn Parker

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy type using a categorical ordinal scale with the d3.schemeSpectral palette. It renders world geography with d3.geoNaturalEarth1 and d3.geoPath, allowing zoom and pan via d3.zoom. A custom color legend displays the scale with circles and labels, while hovering highlights a country in red. Data comes from the world-atlas TopoJSON and TSV files, and the visualization is drawn with SVG.

MManoukK

94% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification, with a color legend and tooltips showing each country’s name and category. The visualization uses a natural Earth projection rendered as SVG paths via d3.geoPath, while TopoJSON and TSV data from the world-atlas package are loaded asynchronously. Users can pan and zoom the map using d3.zoom, and hovering highlights individual countries in red. The color scale uses d3.scaleOrdinal with a spectral scheme, and an interactive legend is built from custom d3 selections.

BBrandon Lehr

93% match

Loading thumbnail…

Choropleth map

This choropleth map colors world countries by economy type using a spectral color scale, with a hover effect highlighting individual countries and a legend showing the ordinal categories. It renders GeoJSON country outlines as SVG paths via d3.geoPath with a Natural Earth projection, and loads country boundaries from the world-atlas TopoJSON dataset. The map supports zoom and pan through d3.zoom, and the color legend is built with a custom reusable component in d3.

SSagar Malviya

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy type using a categorical color scale, with a legend showing each category. It renders world geography as SVG paths via `d3.geoPath` and the Natural Earth projection, while `d3.zoom` enables panning and zooming. The code loads TopoJSON and TSV data from the world-atlas package, mapping country IDs to economy labels, and uses `d3.scaleOrdinal` with `schemeSpectral`. Hovering highlights a country in red.

Ggabcoderboi

93% match