Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published2🌍 Public
CCassie
Last edited Oct 23, 2021
Created on Oct 21, 2021

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.

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

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. Hovering highlights a country in red, and the map includes a legend showing color categories. Built with D3 v5, it uses `geoPath` with the Natural Earth projection and loads geographic data from the world-atlas TopoJSON and TSV files. The visualization supports zooming via D3's zoom event and renders as an SVG.

AAdrianTNare
95% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economic classification using a spectral color scale, with hover highlighting and zoom/pan enabled via d3.zoom. The visualization loads world geometry from TopoJSON and joins it with tab-separated country metadata from the world-atlas dataset. It renders geographic paths with d3.geoPath and a Natural Earth projection, while a custom color legend displays ordinal color domains using SVG circles and text.

NNilla
95% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using a spectral color scale to distinguish categories. The map renders geographic boundaries as SVG paths via `d3.geoPath` and a Natural Earth projection. Data is loaded from the World Atlas TopoJSON and TSV files, merged by country ID, then assigned to the `d3.scaleOrdinal` color scale. A custom legend shows color swatches with labels, and hovering highlights individual countries in red. Interaction includes zoom and pan through the `d3.zoom` event, which applies an SVG transform.

CCurran Kelleher
95% 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
95% 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
95% match