Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Choropleth for Scatter Ref

Public visualization

Viewing a saved revision (read-only)

3bd821374d854c1ba6c5dd0be2ec6b6c

Fork of Choropleth for Scatter Ref

0 stars0🌍 Public
Cchris.shimotake@gmail.com
Last edited May 4, 2024
Created on May 4, 2024
Forked from Choropleth

This example combines a choropleth map with a scatter plot to explore country-level data. The map uses a green-to-grey color scale to show urbanization rates, while the scatter plot compares life expectancy against GDP per capita, with point size encoding population and color encoding continent. Built with React and D3 v6, the visualization renders as two separate SVG elements side by side. It uses d3.geoEqualEarth and d3.geoPath for the map, plus d3.scaleLinear and d3.scaleOrdinal for the visual channels, with a mouseover tooltip for interactivity.

AI-generated description

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

See also React Starter.