Viewing a saved revision (read-only)
d146762e289d448db6dfadec356e95d2
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