Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published1🌍 Public
Ssploitfun
Last edited May 9, 2020
Created on May 9, 2020
Forked from Choropleth Map

This choropleth map colors countries by economic classification using a sequential yellow-orange color scale from the World Atlas TopoJSON dataset. The view uses a natural Earth projection, renders as SVG, and includes pan and zoom via d3.zoom. A custom color legend displays the ordinal scale, while hovering highlights each country with a tooltip showing its name and economy value. The implementation combines d3.geoPath, topojson.feature, and a reusable colorLegend module.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using a categorical color scale based on the World Atlas TopoJSON dataset. It renders geographic boundaries with d3.geoPath and a natural Earth projection, while a legend built from d3.scaleOrdinal and schemeSpectral displays the color categories. Hovering highlights individual countries, and d3.zoom enables pan and zoom interactions on the SVG.

Yylzami40
95% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using a categorical color scale based on the World Atlas TopoJSON dataset. It renders geographic boundaries with d3.geoPath and a natural Earth projection, while a legend built from d3.scaleOrdinal and schemeSpectral displays the color categories. Hovering highlights individual countries, and d3.zoom enables pan and zoom interactions on the SVG.

Yylzami40
95% 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
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification, using a spectral color scale applied to World Atlas TopoJSON data enriched with TSV metadata. The visualization renders via SVG with d3.geoPath and a Natural Earth projection, supporting pan and zoom through d3.zoom. A custom color legend displays ordinal categories with colored circles, while hover interactions highlight individual countries. The map area is tinted blue via a sphere path, and country tooltips show names alongside their assigned economy values.

Ssakhabutdinov
94% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries’ economic classifications using a color scale based on the world-atlas TopoJSON dataset. The map renders with d3.geoPath and a natural Earth projection, while a d3.scaleOrdinal with schemeSpectral colors fills each country. Hovering highlights countries in pink, and a color legend explains the ordinal scale. Users can zoom and pan via d3.zoom, with all interaction and styling implemented in SVG.

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

Choropleth Map

This choropleth map colors countries by their economy classification using an ordinal color scale with a spectral scheme. The geographic data comes from the world-atlas TopoJSON dataset, which is processed with topojson.feature and joined to TSV metadata. A natural Earth projection renders the map via d3.geoPath, while d3.zoom enables panning and zooming. Hovering highlights countries in red, and a custom color legend displays the color scale with circles and text labels.

MMaxwell Dayvson da Silva
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economy classification using an ordinal color scale with the spectral scheme. The visualization supports zooming and panning through D3’s zoom behavior, while hover effects highlight individual countries. It renders geographic boundaries with d3.geoPath and a Natural Earth projection, and includes a custom color legend built with SVG circles and text. Data is loaded from the World Atlas TopoJSON and TSV files, processed via topojson.feature, and joined by country ID.

Nnouralkhoury
94% match