choropleth map

100%

choropleth map

✓ Published1🌍 Public

Last edited Nov 4, 2022

Created on Nov 4, 2022

A choropleth map colors world countries by their economy classification using a categorical ordinal color scale. Built with D3 v7 and TopoJSON, it renders geographic paths via `d3.geoPath` with a natural Earth projection, while zooming is handled through D3's zoom behavior. A custom legend component displays the color scale with SVG circles and text. Countries highlight red on hover, and the data merges World Atlas TopoJSON with TSV metadata to assign economy values.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries by their economy classification, using a categorical ordinal color scale. The visualization loads geographic data from the world-atlas TopoJSON and TSV files, then renders the map via d3.geoPath with a natural Earth projection. Zooming is enabled through d3.zoom, and countries highlight red on hover. A custom color legend displays the economy categories as colored circles, while the map also shows a blue sphere background. The code uses d3.scaleOrdinal with schemeSpectral ranges to assign colors.

NNitin Vadhiya

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

A choropleth map colors each country by its economy classification using an ordinal color scale with a spectral palette. The visualization supports pan and zoom via d3.zoom, and renders geographic features with d3.geoPath and a Natural Earth projection. A custom color legend component displays the categorical scale, while data is loaded from the World Atlas TopoJSON and TSV files, with tooltips showing country names and economy values on hover.

Nnkohdatavis

94% match

Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their economy category using an ordinal color scale derived from the World Atlas TopoJSON dataset, which is joined with tab-separated metadata. The visualization uses d3.geoPath with a Natural Earth projection and supports zooming via d3.zoom. A custom color legend, built with SVG circles and text, displays the color scale categories. Countries are interactive, showing their name and economy group in a tooltip on hover, with a red highlight effect.

Mmihir2709

93% match

Loading thumbnail…

Choropleth Map

A choropleth map colors world countries according to their economic group, using a sequential spectral color scale with a clickable legend. Built with D3 v5, it loads TopoJSON world-atlas data and renders geographic paths via `d3.geoPath` with a natural Earth projection. The map supports zooming through `d3.zoom`, and hover states highlight individual countries. The ordinal color scale maps economy classifications to colors, with the legend generated by a custom reusable component.

AAliTariqChaudhary

93% 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

93% 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

93% match

Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It renders world geography with d3.geoPath and a Natural Earth projection, with zoom and pan via d3.zoom. A color legend built from d3.zoom and custom SVG circles and text displays the categorical levels. The data comes from a GitHub-hosted CSV joined to TopoJSON world atlas geometries using topojson.feature. Hovering highlights individual countries with a red fill.

SSarahKiyani

93% match