Today’s Top Songs – Spotify Dashboard

Song		Artist
	APT.	ROSÉ	2:50
	Bad Dreams	Teddy Swims	3:05
	DtMF	Bad Bunny	3:57
	No One Noticed	The Marías	3:57
	Guess featuring billie eilish	Charli xcx	2:23
	Cry For Me	The Weeknd	3:44
	Beautiful Things	Benson Boone	3:00
	Die With A Smile	Lady Gaga	4:12
	NEW DROP	Don Toliver	3:37
	toxic till the end	ROSÉ	2:37
	That’s So True	Gracie Abrams	2:46
	Indigo (feat. Avery Anna)	Sam Barber	4:47
	Messy	Lola Young	4:44
	ALL MY LOVE	Coldplay	3:43
	BIRDS OF A FEATHER	Billie Eilish	3:30
	Fat Juicy & Wet	Sexyy Red	2:21
	Pretty Slowly	Benson Boone	4:21
	luther (with sza)	Kendrick Lamar	2:58
	BMF	SZA	3:01
	The Emptiness Machine	Linkin Park	3:10
	Taste	Sabrina Carpenter	2:37
	Love Hangover (feat. Dominic Fike)	JENNIE	3:00
	P*RNSTAR	Nessa Barrett	2:29
	Good Luck, Babe!	Chappell Roan	3:38
	Burning Down (with Joe Jonas)	Alex Warren	2:59
	Timeless	The Weeknd	4:16
	i like the way you kiss me	Artemas	2:23
	Sailor Song	Gigi Perez	3:32
	Guilty	Teddy Swims	2:56
	PUSH 2 START	Tyla	2:37
	DEGENERE 👑 (feat. benny blanco)	Myke Towers	2:11
	Hello Miss Johnson	Jack Harlow	2:45
	Sports car	Tate McRae	2:45
	Dare U	NLE Choppa	2:22
	Strategy (feat. Megan Thee Stallion)	TWICE	3:22
	Bundle By Bundle	Burna Boy	2:56
	Sticky (feat. GloRilla, Sexyy Red & Lil Wayne)	Tyler, The Creator	4:16
	Sympathy is a knife featuring ariana grande	Charli xcx	2:34
	I Follow Rivers	Tiësto	3:19
	DENIAL IS A RIVER	Doechii	2:40
	Pressure	RÜFÜS DU SOL	4:39
	fancy	Artemas	2:06
	GBP (feat. 21 Savage)	Central Cee	2:35
	No Pole	Don Toliver	3:08
	Apple	Charli xcx	2:32
	Never Going Home Tonight (feat. Madison Love)	David Guetta	2:44
	Forever Young	David Guetta	2:37
	Are You Even Real (feat. Givēon)	Teddy Swims	2:28
	Pink Skies	Zach Bryan	3:15
	Austin (Boots Stop Workin')	Dasha	2:52
	Chill Bae	Lil Uzi Vert	2:18
	PITY PARTY	VICTORIA	3:26
	Gang Baby	NLE Choppa	2:18
	Houdini	Dua Lipa	3:06
	I Don't Wanna Wait	David Guetta	2:30
	Stumblin' In	CYRIL	3:33
	Love Me Not	Ravyn Lenae	3:33
	KEHLANI	Jordan Adetunji	2:02
	365	Charli xcx	3:24
	Kisses (feat. bbyclose)	BL3SS	2:18
	Slow It Down	Benson Boone	2:42
	WE PRAY - Single Version	Coldplay	3:53
	Mamushi (feat. Yuki Chiba)	Megan Thee Stallion	2:37
	one of wun	Gunna	2:24
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
  }
)

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.