Tech Lead at Taktile.
Formerly Firebase, Google
Unlisted
Edited
Sep 1, 2024
viewof notebook = view`${[
"source",
notebook_source.nodes /*.slice(0, 2)*/
.map((i) =>
CodeMirror(i.value, {
extensions: [
javascriptPlugin.javascript(),
codemirror.basicSetup,
myDefaultTheme
]
})
)
]}`
notebook
viewof outputs = view`${[
"outputs",
viewof notebook.value.source.map((i) => domView({ className: "cell" }))
]}`
outputs
link = {
const embedded_runtime = new rt.Runtime().module();
const interpret = new quarto.Interpreter({
module: embedded_runtime
});
viewof notebook.source.value.forEach((src, i) => {
let variables = [];
const inspector = rt.Inspector.into(viewof outputs.outputs[i]);
const onInput = async (_) => {
const src = viewof notebook.source[i].value;
variables.forEach((v) => {
v.delete();
});
viewof outputs.outputs[i].value = null;
variables = await interpret.cell(src, embedded_runtime, inspector);
};
viewof notebook.source[i].addEventListener("input", onInput);
onInput();
invalidation.then(() =>
viewof notebook.source[i].removeEventListener("input", onInput)
);
});
return embedded_runtime;
}
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.
