Public
Edited
Apr 8, 2024
17 forks
Plot.plot({
marks: [
Plot.dot(salamanders, {
x: "totalLength",
y: "weight",
fill: "creekSection",
opacity: 0.45
})
]
})
stocksBig3 = stocks.filter(
(d) =>
d.stock_symbol === "AAPL" ||
d.stock_symbol === "GOOGL" ||
d.stock_symbol === "TSLA"
)
Plot.plot({
marks: [
Plot.lineY(stocksBig3, { x: "date", y: "close", stroke: "stock_symbol" })
],
color: { legend: true }
})
viewof pickColor = Inputs.color({ label: "Favorite color", value: "#4682b4" })
wb = FileAttachment("wb_tidy.csv").csv({ typed: true })
wb2010 = wb.filter((d) => d.year === 2010)
Plot.plot({
marks: [
Plot.dot(wb2010, { x: "gdp", y: "life_exp", fill: "gray" }),
],
x: { type: "log" },
margin: 50
})
viewof selectRegion = Inputs.select(
wb.map((d) => d.region),
{ label: "Select region:", unique: 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.
