Today’s Top Songs – Spotify Dashboard

Song		Artist
	Azizam	Ed Sheeran	2:42
	Ordinary	Alex Warren	3:07
	back to friends	sombr	3:19
	APT.	ROSÉ	2:50
	Die With A Smile	Lady Gaga	4:12
	Bad Dreams	Teddy Swims	3:05
	Anxiety	Doechii	4:09
	Sorry I'm Here For Someone Else	Benson Boone	2:37
	Up From the Bottom	Linkin Park	3:03
	luther (with sza)	Kendrick Lamar	2:58
	Still Bad	Lizzo	3:29
	BIRDS OF A FEATHER	Billie Eilish	3:30
	No One Noticed	The Marías	3:57
	Messy	Lola Young	4:44
	DtMF	Bad Bunny	3:57
	Love Me Not	Ravyn Lenae	3:33
	That’s So True	Gracie Abrams	2:46
	All I Ever Asked	Rachel Chinouriri	3:38
	like JENNIE	JENNIE	2:04
	Beautiful People	David Guetta	3:07
	La Plena - W Sound 05	W Sound	2:30
	Pink Pony Club	Chappell Roan	4:18
	Lose Control	Teddy Swims	3:31
	Abracadabra	Lady Gaga	3:43
	Pretty Slowly	Benson Boone	4:21
	twilight zone	Ariana Grande	3:18
	Guess featuring billie eilish	Charli xcx	2:23
	LV Bag (feat. j-hope of BTS & Pharrell Williams)	Don Toliver	3:03
	EVIL J0RDAN	Playboi Carti	3:04
	earthquake	JISOO	3:11
	Dark Thoughts	Lil Tecca	2:17
	The Emptiness Machine	Linkin Park	3:10
	End of the World	Miley Cyrus	4:10
	Beautiful Things	Benson Boone	3:00
	NOKIA	PARTYNEXTDOOR	4:01
	No Pole	Don Toliver	3:08
	Timeless (feat. Playboi Carti)	The Weeknd	4:16
	Just Us (feat. Doja Cat)	Jack Harlow	2:53
	Taste	Sabrina Carpenter	2:37
	Are You Even Real (feat. Givēon)	Teddy Swims	2:28
	Indigo (feat. Avery Anna)	Sam Barber	4:47
	Love in Real Life	Lizzo	2:34
	Show Me Love	WizTheMc	2:57
	ALL MY LOVE	Coldplay	3:43
	undressed	sombr	3:02
	Again	Fetty Wap	5:12
	party 4 u	Charli xcx	4:57
	Sports car	Tate McRae	2:45
	DENIAL IS A RIVER	Doechii	2:40
	toxic till the end	ROSÉ	2:37
	Call Me When You Break Up (with Gracie Abrams)	Selena Gomez	2:07
	Apple	Charli xcx	2:32
	P*RNSTAR	Nessa Barrett	2:29
	Sailor Song	Gigi Perez	3:32
	i like the way you kiss me	Artemas	2:23
	DEGENERE 👑 (feat. benny blanco)	Myke Towers	2:11
	Fat Juicy & Wet	Sexyy Red	2:21
	I Don't Wanna Wait	David Guetta	2:30
	Stumblin' In	CYRIL	3:33
	Who	Jimin	2:51
Source: Today’s Top Songs Playlist, from the Spotify Web API
¹ The popularity of a track is a value between 0 and 100, with 100 being the most popular. The popularity is calculated by algorithm and is based, in the most part, on the total number of plays the track has had and how recent those plays are. Generally speaking, songs that are being played a lot now will have a higher popularity than songs that were played a lot in the past.

top_hits = transpose(top_hits_ojs)

// Create a dropdown menu of the songs
viewof songDropdown = Inputs.select(
  top_hits.map(d => d.song_name),
  {
    label: "Choose a song",
    unique: true
  }
)

top_hits = Array(60) [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, …]

Choose a song

songDropdown = "Azizam"

html`<iframe class="custom-iframe" style="border-radius:12px; display: flex; justify-content: center; align-items: center;" 
  src=${`https://open.spotify.com/embed/track/${top_hits.find(song => song.song_name === songDropdown).song_id}?utm_source=generator&theme=0`} 
  width="100%" 
  height="352" 
  frameBorder="0" 
  allowfullscreen="" 
  allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" 
  loading="lazy">
</iframe>`

Want to make a project like this? This dashboard was inspired by Melissa Van Bussel for Posit’s Table Contest.
You can find her tutorial here and you can find the code that powers my version of the dashboard here.