Public
Edited
Jun 9
Insert cell
Insert cell
data = FileAttachment("NEU_RacialDemographics@1.csv").csv()
Insert cell
import {vl} from "@vega/vega-lite-api-v5"
Insert cell
vl.markPoint({filled: true})
.data(data)
.encode(
vl.x().fieldO('Year').title("Academic Year").axis({ labelAngle: 0 }),
vl.y().fieldQ('Percent').title("Percent"),
vl.color().fieldN('Group').title('Race/Ethnicity')
.scale({ range: ['#1f77b4', '#ff7f0e', '#2ca02c', '#d62728'] }),
vl.size().value(60),
vl.tooltip([
vl.fieldN('Year'),
vl.fieldN('Group'),
vl.fieldQ('Percent')
])
)
.width(800)
.height(400)
.title('Northeastern Enrollment by Race/Ethnicity')

.render()
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