Viewing a saved revision (read-only)
b1f3552a09a7498fa58c0d8eb27ddf55
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 solar system. Relative sizes to scale, distances not to scale.
Data from Wikipedia: List of gravitationally rounded objects of the Solar System.
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