Plot.plot({
inset: 20,
x: {label: "First inauguration date →"},
y: {grid: true, label: "↑ Net favorability (%)", 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",
width: 40,
title: "Name"
})
]
})
presidents = FileAttachment("us-president-favorability.csv").csv({typed: true})
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.
