The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Published unlisted
Edited
Oct 11, 2022
Plot.plot({
marginLeft: 20,
x: { inset: 8 },
y: {
type: "point",
grid: true,
tickFormat: Plot.formatWeekday("en", "narrow")
},
marks: [
Plot.image(apod.slice(0, 40), {
x: "date",
//y: (d) => d.date.getUTCDay(),
src: "url",
title: "title",
//width: 100,
preserveAspectRatio: "none",
rotate: () => 360*Math.random()
})
]
})
Plot.plot({
marginLeft: 20,
x: { inset: 8 },
y: {
type: "point",
grid: true,
tickFormat: Plot.formatWeekday("en", "narrow")
},
marks: [
Plot.image(apod.slice(0, 40), {
x: "date",
y: (d) => d.date.getUTCDay(),
src: "url",
title: "title",
preserveAspectRatio: "none",
rotate: () => 360*Math.random()
})
]
})
Plot.plot({
marginLeft: 20,
x: { inset: 8 },
y: {
type: "point",
grid: true,
tickFormat: Plot.formatWeekday("en", "narrow")
},
marks: [
Plot.image(apod.slice(0, 40), {
x: "date",
y: (d) => d.date.getUTCDay(),
src: "url",
title: "title",
preserveAspectRatio: "none",
rotate: 15
})
]
})
Plot = FileAttachment("plot@12.umd.js").url().then(require)
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.
