Public
Edited
Feb 19, 2024
8 forks
5 stars
Insert cell
Insert cell
Plot.plot({
x: {inset: 20, label: "First inauguration date →"},
y: {insetTop: 4, grid: true, label: "↑ Any opinion (%)", tickFormat: "+f"},
marks: [
Plot.ruleY([0]),
Plot.image(presidents, {
x: "First Inauguration Date",
y: (d) => d["Very Favorable %"] + d["Somewhat Favorable %"] + d["Very Unfavorable %"] + d["Somewhat Unfavorable %"],
src: "Portrait URL",
r: 20,
preserveAspectRatio: "xMidYMin slice",
title: "Name"
})
]
})
Insert cell
presidents = FileAttachment("us-president-favorability@1.csv").csv({typed: true})
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.
Learn more