Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Top Spotify Artists

Public visualization

Viewing a saved revision (read-only)

948a247d24b84d759e7eb663e29dfbe1

Top Spotify Artists

0 stars0🌍 Public
Mmacgregorm01@gmail.com
Last edited Sep 10, 2024
Created on Sep 10, 2024
Forked from Solar System

The visualization displays the top 10 Spotify artists ranked by monthly listeners, with each artist shown as a circle sized proportionally to their listener count. It highlights individual data points with artist names, ranks, and listener figures arranged in a two-row grid. The animation introduces elements sequentially, with later ranks appearing first, creating a countdown effect. Built using D3.js v7, the code employs transitions like `transition().duration()`, `.delay()`, and `.attr()` to animate the circles and text, sourcing data from Wikipedia.

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