// Notice that the sparkline is not using the familiar "Plot.sparkline" style code -- this is because sparklines are drawn with a specific one-off function
line(
_data, {
datum: {
value: 45,
color: "blue",
size: 3,
dash: ["7"]
}}
)
Plot.plot({
height: 250,
width: 800,
marks: [
// Area:
Plot.areaY(_data, {
fill: "purple",
fillOpacity: 0.66
}),
// Dotted line:
Plot.ruleY([45], {
strokeDasharray: "2 2",
})
]
})
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.
