Public
Edited
Feb 10
Fork of Hello Convex
Insert cell
c = import("https://esm.run/convex/browser")
Insert cell
url = "https://basic-raven-424.convex.cloud"
Insert cell
client = new c.ConvexClient(url)
Insert cell
packageData = queryGenerator("npm:getPackageDownloadTidyData", {
packageName: "convex",
showAlphas: false
})
Insert cell
data = packageData.data
Insert cell
first = data[0]
Insert cell
Plot.plot({
y: {
tickFormat: "s"
},
marks: [
Plot.areaY(data, {
x: "datetime",
y: "downloads",
fill: "version",
tip: true
}),
Plot.ruleY([0])
]
})
Insert cell
Insert cell
queryGenerator = (query, args) => {
return Generators.observe((notify) => {
return client.onUpdate(query, args, (result) => {
notify(result);
});
});
}
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