Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
MMaarten van 't Wout
Last edited Dec 12, 2019
Created on Dec 12, 2019
Forked from Choropleth Map

This choropleth map visualizes global income categories by economy type, coloring each country according to a categorical color scale. Countries are drawn as SVG paths using the D3 geoPath projection, with a natural Earth projection applied. The color legend is implemented as a custom component that shows the categorical palette. Data on country economies comes from a TSV file loaded via D3's TSV utility, combined with TopoJSON world map features. Zooming is supported through D3's zoom event handler.

AI-generated description
MIT Licensed

Similar vizzes

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

Choropleth Map

This choropleth map colors countries by their economy type using a categorical color scale, with a legend showing each category. It renders world geography as SVG paths via `d3.geoPath` and the Natural Earth projection, while `d3.zoom` enables panning and zooming. The code loads TopoJSON and TSV data from the world-atlas package, mapping country IDs to economy labels, and uses `d3.scaleOrdinal` with `schemeSpectral`. Hovering highlights a country in red.

Ggabcoderboi
92% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by their economy type using a categorical ordinal scale with the d3.schemeSpectral palette. It renders world geography with d3.geoNaturalEarth1 and d3.geoPath, allowing zoom and pan via d3.zoom. A custom color legend displays the scale with circles and labels, while hovering highlights a country in red. Data comes from the world-atlas TopoJSON and TSV files, and the visualization is drawn with SVG.

MManoukK
91% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries according to their economy type, using a spectral color scale to show the distribution of economic groups across the world. The visualization employs d3.geoPath with a d3.geoNaturalEarth1 projection to render the geographic features, and d3.scaleOrdinal maps categorical values to colors. Hovering over a country highlights it in red and reveals a tooltip with its name and economy category. Data comes from the World Atlas TopoJSON and TSV files, processed through the topojson feature function.

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

Choropleth Map

A choropleth map colors each country according to its economy category, using an ordinal color scale with a spectral scheme. The visualization loads world geography from TopoJSON and country metadata from TSV, then renders the map as SVG paths with a natural Earth projection. Hovering highlights a country in red, and a custom color legend displays the category colors. The map supports zooming and panning through d3.zoom, with d3.geoPath generating the geographic shapes.

Llittle-face
91% match
Loading thumbnail…

Choropleth Map

This choropleth map colors each country by its economy category using a spectral color scale, with hover highlighting and a legend showing category colors. The visualization renders geographic data as SVG paths via d3.geoPath with a geoNaturalEarth1 projection, while d3.zoom enables pan and zoom interactions. Country names and economy values appear as tooltips on hover, sourced from world-atlas TopoJSON and TSV data combined in loadAndProcessData. The color legend, built with d3.scaleOrdinal, reduces clutter through a semi-transparent background behind its circles and labels.

OofficialClint
91% match