Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published1🌍 Public
AAmar Nath Yogi
Last edited Feb 1, 2020
Created on Jan 31, 2020

This choropleth map uses color to depict each country's economy category, sourced from world-atlas data. Built with d3.geoPath and d3.geoNaturalEarth1 projection, it renders SVG paths colored via d3.scaleOrdinal with d3.schemeSpectral. Animated color legend transitions, hover effects highlight countries, and topojson-client processes geographic features alongside TSV metadata.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map uses color to encode the economy classification of countries, sourced from world-atlas TSV data matched with TopoJSON geometries. D3’s `geoNaturalEarth1` projection and `geoPath` render country outlines as SVG paths, while a sequential spectral color scale (`schemeSpectral`) fills each territory. An interactive zoom control, built with D3’s `zoom` event, adjusts the projection transform, and a custom legend (from `colorLegend.js`) displays the ordinal scale’s categories with hover effects highlighting individual countries.

KKainsli
95% match
Loading thumbnail…

Choropleth Map

This choropleth map uses a color scale to depict the economy classification of each country from the world-atlas dataset. The visualization includes a color legend built with custom SVG shapes, and it supports interactive pan and zoom through event handling. The implementation relies on D3’s geoPath and geoNaturalEarth1 projection for map geometry, and uses scaleOrdinal with schemeSpectral for categorical coloring. Country data is loaded from TopoJSON and TSV files, with paths rendered as SVG elements that display the country name and economy type on hover.

XXenos Panagiotis
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy type, using a spectral color scale assigned through d3.scaleOrdinal. The map is drawn with d3.geoPath and the Natural Earth projection, while data is loaded asynchronously from World Atlas TSV and TopoJSON files. Hovering highlights countries in red, and a custom legend displays the color categories. The visualization supports zooming via d3.zoom, with zoom state handled through event transforms.

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

Choropleth Map

A world choropleth map colors each country by its economy category using an ordinal color scale. The visualization uses d3 geoNaturalEarth1 projection with d3.geoPath to render countries from TopoJSON data, enriched with world-atlas TSV metadata. A custom color legend component displays the categories, and d3.zoom enables interactive panning and zooming. Country outlines appear in black, with hover effects highlighting individual nations in red.

FFlorian Breitwieser
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It loads GeoJSON from TopoJSON world-atlas data and merges it with TSV metadata, then renders paths via d3.geoPath with a Natural Earth projection. Hovering highlights countries in red, while a custom color legend built with reusable D3 code displays the ordinal categories. Zoom and pan are enabled through d3.zoom, and the SVG output includes tooltips showing country names and economy values.

PPreciousone
94% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy category using an ordinal color scale with the spectral scheme, with hover highlighting and zooming via d3.zoom. It renders geographic paths with d3.geoPath and a Natural Earth projection, loading TopoJSON world-atlas data merged with TSV metadata. A custom color legend, built with SVG circles and text, displays the categorical scale.

Ssrrajendran
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy category using a sequential spectral color scale. It renders world geography as SVG paths via the `d3.geoPath` and `d3.geoNaturalEarth1` projection, with zoom support through `d3.zoom`. Country names and values appear as tooltips, and a custom `colorLegend` component displays the ordinal scale. The data is loaded from a TopoJSON world atlas and a TSV mapping country IDs to metadata. Hovering highlights countries in red.

BBahareh Zarei
94% match