data = FileAttachment("texasHourTempEnergy.csv").csv({ typed: true })
viewof selectTimes = Inputs.select(
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
{
multiple: true,
label: "Select times (control-click for multiple selections)"
}
)
// Type code here
Plot.plot({
marks: [
Plot.dot(data, {
x: "temp",
y: "demand",
fill: "lightgrey",
fillOpacity: 0.2,
r: 2
}),
Plot.dot(data, {
filter: (d) => d.hour == selectTimes,
x: "temp",
y: "demand",
fill: "hour",
fillOpacity: 0.8,
r: 3
})
],
marginLeft: 60
})
import {
Q,
A,
styles
} with { renderSnippetOverride as renderSnippet } from "@observablehq/plot-exploration-penguins"
styles
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.
