Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
MMyCode
Last edited Apr 17, 2019
Created on Apr 15, 2019
Forked from Choropleth Map

This choropleth map colors world countries by economic grouping, using a spectral color scale to distinguish categories. Built with D3 v5, it renders geographic boundaries as SVG paths via the `geoPath` projection. The visualization includes an interactive color legend generated with a custom `colorLegend` module, and supports zooming through D3's `zoom` event. Data merges TopoJSON country shapes with a TSV containing economy classifications from the world-atlas package.

AI-generated description
MIT Licensed

Similar vizzes

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

Choropleth Map

A choropleth map colors world countries by economic grouping, using a spectral color scale and an accompanying legend. Built with D3 v5 and TopoJSON, it loads country boundaries and metadata from the world-atlas package. The map renders as SVG paths via `d3.geoPath` with a natural Earth projection, supports zooming through `d3.zoom`, and highlights countries on hover. The color legend is a custom component using `d3.scaleOrdinal` and `d3.schemeSpectral`.

LLaura Molina
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economic classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It draws geographic boundaries with d3.geoPath and a natural Earth projection, with hover highlighting and zooming via d3.zoom. Country metadata—including economy and income group—comes from a TSV file joined to TopoJSON geometry, and a custom legend component renders the color domain as circles with labels.

DD.A
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors world countries by their economic classification using a categorical color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It draws geographic boundaries with d3.geoPath and a natural Earth projection, with hover highlighting and zooming via d3.zoom. Country metadata—including economy and income group—comes from a TSV file joined to TopoJSON geometry, and a custom legend component renders the color domain as circles with labels.

DD.A
94% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economic classification, using a spectral color scale and an interactive legend to indicate the mapping. Users can zoom and pan the map, which is rendered with SVG paths generated by the `d3.geoPath` and `geoMercator` projections. The visualization loads country boundaries and metadata from the world-atlas TopoJSON and TSV files, processed via the `topojson` library. Hovering over a country highlights it in red and displays its name and economy in a tooltip.

ZZY Huang
94% 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

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