Viewing a saved revision (read-only)
0b28e189674e4ea688731b639c11d6d7
Top 5 Largest GDP's by the trillions. (2022)
A black-background animation displays the top five largest GDPs in trillions for 2022, with each country depicted as a colored circle whose radius is proportional to the square root of its GDP value. Circles and labels animate in sequentially from left to right, with the United States, China, Germany, Japan, and India shown in descending order. Built with D3.js, the visualization uses `selection.transition()` with delays and easing to animate circle radii from zero and label opacity, while data originates from Wikipedia’s list of countries by nominal GDP.
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