Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualize Numbers - NFL Career Rushing Touchdowns

Public visualization

Viewing a saved revision (read-only)

998a5ed0134b4689ae83b8392acdfe6e

Visualize Numbers - NFL Career Rushing Touchdowns

0 stars0🌍 Public
SSamuel Karkache
Last edited Sep 11, 2024
Created on Sep 11, 2024
Forked from Solar System

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 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