Viewing a saved revision (read-only)
998a5ed0134b4689ae83b8392acdfe6e
Visualize Numbers - NFL Career Rushing Touchdowns
This animation displays the career rushing touchdowns for the top five NFL running backs, using circle size to represent touchdown totals and color to distinguish each player. Sorted by rank, the visualization animates the circles growing from zero to their final size while player names and touchdown counts appear in labels below. The code imports specific D3 functions like `select` and `transition`, applying a five-second transition with staggered delays for the circles and faster fifty-millisecond transitions for updates. Data comes from Pro-Football-Reference, with the animation rendered against a green background.
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