The avatar for @jasper
Jasper Croome
Hi! I'm a Design Technologist based in Portland, Oregon (USA).
Published
Edited
Jan 28, 2022
4 forks
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// declare which columns are to be used for what purpose within the line chart.
// metricAccessor: this column has the metric, to be used for the y axis
// groupBy: this column has the group name in it, to be used to create the separate lines
// spreadBy: this column has the 'spread-by', to be used for the x Axis
dataStructure = Object({
metricAccessor: "value",
groupBy: "Group",
spreadBy: "Date"
})
Insert cell
// title for the chart. defaults to:
title = `CO₂ ppm measurements, 1958 - 2020`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
colors = ["black", "dimgrey", "grey"]
Insert cell
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