🌍 Public
Choropleth map with D3.js!
Fforcox43
Last edited Jul 18, 2020
Created on Jul 18, 2020
This choropleth map visualizes world countries colored by income group using D3.js. The map uses a natural Earth projection via `d3.geoPath` and `geoNaturalEarth1`, with country boundaries loaded from TopoJSON world-atlas data and income classifications joined from a TSV file. A color legend built with `scaleOrdinal` and `schemeSpectral` displays the categorical color scale. Interactive zooming is implemented through `d3.zoom`, and hovering over a country highlights it in red while a tooltip reveals its name and income group.
AI-generated description//deo-geo-projection on github: // need to include as src on index.html: <script src ='https://d3js.org/d3-geo-projection.v2.min.js"></script>
A bare minimum HTML page.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.