Viewing a saved revision (read-only)
82d3c4b055c14e12bd35d580fbb387d0
Top Beer Producing Countries
A dark map shows the world's top 20 beer-producing countries as animated, color-coded circles sized by output and positioned at their geographic coordinates. Circles and labels fade in sequentially, then transition smoothly between states using d3-transition with `easeLinear` and staggered delays. Data comes from a CSV (2024 list) and is parsed, scaled, and projected onto the SVG canvas using D3's `select`, `join`, and `transition` APIs. The animation runs continuously, updating positions and radii in response to the underlying dataset.
AI-generated descriptionA visualization of the largest beer producing countries. Relative size to scale, world location also to scale.
Data from These Are The Top 20 Beer Producing Countries In The World (2024).
Challenge
- Option A: Use this template to visualize the relative size of various numbers.
- Option B: Add SVG Gradients to make the planets look more planet-like