Public
Edited
Oct 24, 2024
28 forks
<h2>Hello, 2024</h2>
currentWeek = 10
`There are ${17 - currentWeek} weeks left in the semester!!!`
Chart cell placeholder
Placeholder
Lollipop chart
Scatterplot chart
// Plot.plot({
// x: {label: null, tickPadding: 6, tickSize: 0},
// y: {percent: true},
// marks: [
// Plot.ruleX(alphabet, {x: "letter", y: "frequency", strokeWidth: 2}),
// Plot.dot(alphabet, {x: "letter", y: "frequency", fill: "currentColor", r: 4})
// ]
// })
Placeholder
Scatterplot (fill: yellow, stroke: steelblue)
energy
Type Table, then Shift-Enter. Ctrl-space for more options.
Placeholder
Scatterplot + Linechart
Placeholder
chart cell (small multiple)
Placeholder
bar chart (rectY, binX)
Placeholder
bar chart (barY, groupX)
energy = FileAttachment("us_energy.csv").csv({ typed: true })
olympians
penguins
aapl = FileAttachment("aaplStock.csv").csv({ typed: true })
goog = FileAttachment("googStock.csv").csv({ typed: true })
tsla = FileAttachment("tslaStock.csv").csv({ typed: true })
stocks = aapl
.map((d) => ({ ...d, symbol: "aapl" }))
.concat(
goog.map((d) => ({ ...d, symbol: "goog" })),
tsla.map((d) => ({ ...d, symbol: "tsla" }))
)
.map((d) => ({ ...d, Date: d3.timeParse("%m/%d/%y")(d.Date) }))
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.
