Platform
Resources
Pricing
Sign in
Get started
H Scheidl
Passionate about art, creativity, data... and programming! Using ObservableHQ for data visualizations with p5js, SVG and d3.
Workspace
Fork
Published
Spotify APIs
By
H Scheidl
Edited
Jun 30, 2022
CC BY-SA 4.0
Fork of
3 - Spotify API: Danceability (SVG version)
Insert cell
Insert cell
Insert cell
dotplotSwe
=
Plot
.
dot
(
top50Combined
,
{
x
:
"valence"
,
y
:
"popularity"
,
stroke
:
"scope"
}
)
.
plot
(
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
top50Sweden
=
getPlaylistAudioFeatures
(
"37i9dQZEVXbLoATJ81JYXz"
)
;
Insert cell
Insert cell
top50GlobalFeatures
=
getFeatures
(
top50Global
)
;
Insert cell
top50SwedenFeatures
=
getFeatures
(
top50Sweden
)
Insert cell
top50Combined
=
{
let
global
=
top50GlobalFeatures
.
map
(
(
i
)
=>
(
{
scope
:
"Global"
,
...
i
}
)
)
;
let
swe
=
top50SwedenFeatures
.
map
(
(
i
)
=>
(
{
scope
:
"Sweden"
,
...
i
}
)
)
;
return
global
.
concat
(
swe
)
;
}
Insert cell
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Try it for free
Learn more
Compare fork
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dotplotSwe
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
accessToken
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
SpotifyWebApi
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
spotifyApi
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getPlaylistAudioFeatures
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
top50Global
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
top50Sweden
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getFeatures
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
top50GlobalFeatures
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
top50SwedenFeatures
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
top50Combined
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML