Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
Ffahmijaafar
Last edited Dec 6, 2019
Created on Dec 6, 2019

This choropleth map displays world countries colored by economic classification using an ordinal color scale with a spectral palette. The visualization renders geographic boundaries through a natural Earth projection and topojson-processed data, with country names and economic groups shown on hover via SVG title elements. Built with D3 v5, the example uses `d3.geoPath` for map geometry, `d3.scaleOrdinal` for color mapping, and a custom legend component that visualizes discrete color categories. A zoom behavior enables interactive panning, while hover effects highlight individual countries in red.

AI-generated description
MIT Licensed

Similar vizzes

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

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. The visualization renders geographic boundaries with d3.geoPath and a natural Earth projection, with zooming enabled via d3.zoom. Hover effects highlight individual countries, and a custom color legend built with SVG circles and text explains the color categories. Country names and economic data are loaded from TopoJSON and TSV files using d3.json and d3.tsv.

JJaloYang
95% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic classification, with a hover effect highlighting regions and a color legend displaying category ranges. Built with D3 v5, the example uses d3.geoPath with a natural Earth projection to render the map, while d3.scaleOrdinal and schemeSpectral assign colors to discrete economy values from the world-atlas dataset. Interactive zooming is enabled via a d3.zoom event, and the SVG output includes tooltips showing country names and their economic group. The visualization loads geographic data from TopoJSON and TSV sources.

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

Choropleth Map

This choropleth map colors countries by their economy classification using a sequential ordinal color scale, with an interactive color legend and hover effects that highlight individual nations. The visualization loads world geometry from a TopoJSON file and joins it with tabular TSV data containing country identifiers and economic attributes. Built with D3 v5, it employs `d3.geoPath` with a natural Earth projection, `d3.scaleOrdinal` for color mapping, and `d3.zoom` for panning and zooming. The SVG rendering includes a custom legend component that updates based on the color scale’s domain.

ZZakaria
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 world countries by economic classification using a categorical color scale. The visualization renders geographic boundaries with SVG paths projected via `d3.geoNaturalEarth1` and `d3.geoPath`, with interactive zoom support through `d3.zoom`. A custom `colorLegend` component displays the ordinal scale’s categories as colored circles with labels. Data loads from the World Atlas TopoJSON and TSV files, with country names and economy values shown in tooltips on hover. The map uses `d3.scaleOrdinal` with `schemeSpectral` to assign distinct fills to each economic group.

MMunTatt Yap
94% match