Public
Edited
May 30, 2024
1 star
Insert cell
Insert cell
viewof editor = {
const { basicSetup, EditorView } = await import(
"https://esm.sh/codemirror@v6.0.1"
);
const { javascript } = await import(
"https://esm.sh/@codemirror/lang-javascript@v6.0.1"
);

// from https://observablehq.com/@visnup/codemirror-6
const updateViewOf = EditorView.updateListener.of((update) => {
const { dom } = update.view;
dom.value = update;
dom.dispatchEvent(new CustomEvent("input"));
});

const view = new EditorView({
doc: "console.log('hello')\n",
extensions: [basicSetup, javascript(), updateViewOf]
});
return view.dom;
}
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