Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Top Beer Producing Countries

Public visualization

Viewing a saved revision (read-only)

a635b76107f94d2481934b809d5bb099

Top Beer Producing Countries

0 stars0🌍 Public
Mmilepore@gmail.com
Last edited Sep 8, 2024
Created on Sep 6, 2024
Forked from Solar System

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 description

A 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