Viewing a saved revision (read-only)
af02433b3d734dfbb8644114bbb058d8
Choropleth Scatterplot Ref
This example combines a choropleth map and scatterplot to compare country-level attributes, with the map color encoding urbanization rate (green to grey) while the scatterplot plots cat breed minimum weights against maximum life expectancies. The visualization uses two separate SVGs within a single container, employing `d3.geoEqualEarth` and `d3.geoPath` for the map projection, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for color encoding, and includes mouseover tooltips. Data comes from a CSV of cat breeds joined to country geometries, with the map colored by matching country names and the scatterplot sized by a fixed radius.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.