Public
Edited
Apr 19, 2023
Insert cell
Insert cell
import { LineChart } from "@d3/multi-line-chart"
Insert cell
Insert cell
enrollment_data = FileAttachment("enrollment_data.csv").csv({ typed: true })
Insert cell
Insert cell
chart = LineChart(enrollment_data, {
x: (d) => d.year,
y: (d) => d.value,
z: (d) => d.name,
yLabel: "↑ Enrollment",
width: 800,
height: 500,
color: "steelblue"
})
Insert cell
Plot.plot({
width: 800,
height: 500,
marks: [
Plot.line(enrollment_data, {
x: "year",
y: "value",
z: "UnitID",
opacity: 0.5
})
]
})
Insert cell

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.
Learn more