Public
Edited
Apr 10, 2024
// listeningHabits = Plot.plot({
// width,
// height: 200,
// caption: "Listening habits",
// x: {
// axis: "top",
// grid: true
// },
// y: {
// grid: true,
// tickFormat: (d) => d ?? "N/A",
// label: null,
// padding: 0
// },
// marks: [
// Plot.dot(
// data,
// Plot.dodgeY({
// anchor: "middle",
// padding: -0.5,
// x: "time",
// fill: "black",
// fillOpacity: 0.8,
// r: 1.4,
// sort: { channel: "x" }
// })
// )
// ]
// })
// distributionAcrossTime(distributionAcrossTimeFacetBy)
// albumTracksPlot("Degeneración Nacional")
bubbleAcrossTime("La Plebada")
// cumulativeListens("La Banda Baston", "albumName")
// cumulativeListens("Yoga Fire", "albumName")
// cumulativeListens(top5, "artist")
// cumulativeListens(top5Albums.slice(0, 7), "albumName")
beeswarmCounts(data, top5, "time")
top5Albums = [
"De Lo Más Solicitado",
"Degeneración Nacional",
"Homie Alone",
"Fuego",
"Música Prohibida",
"Un Verano Sin Ti",
"Trópico de Cáncer II",
"El Fin Del Mundo",
"Huracán",
"CÓDIGOS",
"Eclipse",
"Luces Fantasma"
]
// Plot.plot({
// marginLeft: 120,
// y: { label: "" },
// facet: { data: data.filter((d) => d.albumType == "album"), y: "month" },
// marks: [
// Plot.barX(
// data.filter((d) => d.albumType == "album"),
// Plot.groupY(
// { x: "count" },
// {
// y: "albumName",
// sort: { y: "x", reverse: true, limit: 5 }
// }
// )
// ),
// Plot.ruleX([0])
// ]
// })
Plot.plot({
width,
marginLeft: 100,
y: { label: "" },
marks: [
Plot.line(tempdata, {
x: "playedAt",
y: "track",
markerEnd: "circle",
curve: "step"
})
]
})
tempdata = data.filter((d) => d.albumName === "Homie Alone")
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.
