Software Developer, Guardium Guy, Dad
Published
Edited
Dec 6, 2021
2 stars
vega({
data: { values: xmasSongs },
title: {
text: ["Christmas Song Rankings by City"],
subtitle: ["Spotify Charts Week Ending Dec. 2, 2021", ""],
fontSize: 22
},
mark: { type: "rect", tooltip: true },
encoding: {
tooltip: [
{ field: "Song" },
{ field: "Artist" },
{ field: "Rank" },
{ field: "City" }
],
y: {
field: "Song",
axis: {
labelFontSize: 14,
titleFontSize: 18,
labelLimit: 300,
title: false
},
sort: "Rank"
},
x: {
field: "City",
axis: { labelFontSize: 14, titleFontSize: 18 },
sort: "Rank"
},
color: {
field: "Rank",
aggregate: "min",
type: "quantitative",
scale: { scheme: "inferno" },
legend: { title: "Rank", labelFontSize: 14, titleFontSize: 18 }
}
},
// width: 200,
height: 600
})
xmasSongs = data.filter((d) => d.isChristmas === "Y")
data = FileAttachment("SpotifyCityCharts.csv").csv()
vega = require("vega-embed@6.2")
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.
