Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Top 10 Production Bar/Map

Public visualization

Top 10 Production Bar/Map

0 stars0🌍 Public
LLouisa Penrice
Last edited May 2, 2024
Created on May 2, 2024
Forked from Choropleth

This example combines a choropleth map and a bubble chart to compare top wine-producing countries. The map colors each country by production volume using a white-to-blue scale, while the scatter plot positions countries by fertility rate and life expectancy, with bubble size reflecting wine quantity. Hovering over a country on either view highlights its data in both. The visualization uses d3.geoPath with a geoEqualEarth projection for the map, d3.scaleLinear for color and size encodings, and d3.csv to load the production data.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed