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)

ecd95e7a494442e08188392f4b891f1f

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.