Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Production Map and Line Chart

Public visualization

Viewing a saved revision (read-only)

47fb5e522eee444890dfbc2c65a9b8ab

Production Map and Line Chart

0 stars4๐ŸŒ Public
LLouisa Penrice
Last edited May 13, 2024
Created on May 6, 2024
Forked from Selection

This visualization combines a choropleth map of global wine production with a line chart tracking production over time. The map colors countries by quantity produced, using a threshold color scale, and includes interactive tooltips showing the most recent production value when hovering. The line chart displays production trends for countries that exceed 5,000 units, with each line colored by country using a custom ordinal scale. Both views use D3.js SVG rendering, with the map employing the `geoEqualEarth` projection and `geoPath`, while the line chart uses `d3.line` and `d3.scaleLinear` for axes.

AI-generated description

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

See also React Starter.