Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Test Fork of Chloropleth

Public visualization

Viewing a saved revision (read-only)

798d8e917af4424ca51c77e6a22376a5

Test Fork of Chloropleth

0 stars0🌍 Public
RRahmoon Shamdeed Kabir
Last edited May 2, 2024
Created on May 2, 2024
Forked from Choropleth

This example pairs a choropleth map with a scatterplot to explore global demographic data. The map colors each country by birth rate using `d3.geoEqualEarth` and `d3.geoPath`, while the scatterplot plots fertility rate against life expectancy, with circle size encoding population and color indicating continent. Hovering over a country on the map highlights it in red; hovering over a scatterplot point also turns it red. The code loads GeoJSON map boundaries, a CSV of country statistics, and a JSON continent mapping, processing the data into a `Map` for lookup.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.