Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published1🌍 Public
Zzlastefcia
Last edited Sep 28, 2020
Created on Sep 25, 2020

This map uses a choropleth encoding to color countries by economic classification. The visualization is built with the D3.js v5 library, leveraging its geoNaturalEarth1 and geoPath APIs to project and draw the world map. Country colors come from a categorical scale, and users can hover to highlight regions. The interaction is handled with D3's zoom event and rendered as an SVG, sourcing data from the world-atlas TopoJSON and TSV files.

AI-generated description
MIT Licensed

Similar vizzes

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

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral palette. The visualization includes a custom SVG color legend showing category colors and labels. Built with D3 v5, it uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` for rendering, and applies zoom interactions. The map loads TopoJSON data from world-atlas and joins it with TSV metadata to assign country properties. Hovering highlights individual countries in red.

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

Choropleth Map

This choropleth map visualizes the world's countries, colored according to their economic classification. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render the geographic shapes, with an ordinal color scale based on a spectral scheme to represent the data. Country data comes from the world-atlas dataset, which merges TopoJSON geometry with TSV metadata. Interactive features include zooming via `zoom()` and a color legend built with `scaleOrdinal` and SVG elements. Hovering over a country highlights it in red and displays a tooltip with its name and economic group.

AAndreas Loew
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using a categorical ordinal scale with the Spectral scheme. It loads world geometry from TopoJSON and joins it with TSV metadata, then renders the map with d3.geoPath and a Natural Earth projection. The visualization includes an interactive color legend built with custom SVG components, and supports zooming and panning through d3.zoom. Hovering highlights individual countries in red, and tooltips display each country’s name and economic group.

Ddata-inside
94% match