Public
Edited
Jun 1, 2023
Insert cell
Insert cell
import { observeWorker as worker } from "@fil/worker"
Insert cell
olympians
Insert cell
function plot_data(data) {
return vl
.markBar()
.data(data)
.encode(
vl.x().fieldQ("height"),
vl.y().fieldQ("weight")
)
.render()
}
Insert cell
bar_chart = worker`
importScripts("https://unpkg.com/vega-lite");

function plot_data(data) {
return vl
.markBar()
.data(data)
.encode(
vl.x().fieldQ("height"),
vl.y().fieldQ("weight")
)
.render()
}

return plot_data(${olympians});
`
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