Published
Edited
Nov 28, 2020
Insert cell
raw = (await (await fetch('https://treeherder.mozilla.org/api/performance/summary/?repository=autoland&signature=1925253&framework=1&interval=1209600&all_data=true')).json())[0].data.map(d=>({...d, timestamp: new Date(d.push_timestamp)}))
Insert cell
import { vl } from "@vega/vega-lite-api"
Insert cell
vl.markCircle() // Make a scatter chart
.data(raw)
.encode(
vl.x().fieldT("timestamp"),
vl.y().fieldQ("value"),
vl.tooltip().fieldN("revision")
)
.render() // Draw the chart
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