Extending Observable to the backend with a custom serverless runtime.
Innovative live-coding workflows against production traffic.
// let’s fetch this rather large dataset from the https://covid19.who.int/ home page.
// note: we use fetchp, which acts as a CORS-enabled proxy when developing this notebook
// this cell works only if our notebook is published with a custom URL.
allData = fetchp(
"https://covid19.who.int/page-data/table/page-data.json"
).then((d) => d.json())
// extract this interesting subset about vaccination
data = allData.result.pageContext.rawDataSets.vaccineData.data
// deploy the subset as a csv
deploy("data.csv", async (req, res) => {
res.header("Cache-control", `public, max-age=${1 * 3600}`); // 1 hour cache on the CDN
res.header("Content-Type", "text/plain");
res.send(aq.from(data).toCSV());
})
// deploy the subset as an apache arrow file
deploy("data.arrow", async (req, res) => {
res.header("Cache-control", `public, max-age=${1 * 3600}`); // 1 hour cache on the CDN
res.header("Content-Type", "application/octet-stream");
res.header("Content-Disposition", `attachment; filename="data.arrow"`);
res.send(aq.from(data).toArrowBuffer());
})
import { deploy } from '@endpointservices/serverless-cells'
import { fetchp } from "@tomlarkworthy/fetchp"
aq = require('arquero')
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.
