Published
Edited
Feb 24, 2022
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
doc = "hello\nworld"
Insert cell
Insert cell
extensions = [
CodeMirror.history(),
CodeMirror.drawSelection(),
CodeMirror.EditorState.allowMultipleSelections.of(true),
CodeMirror.gutter(),
CodeMirror.lineNumbers(),
CodeMirror.highlightActiveLine(),
CodeMirror.keymap.of([
...CodeMirror.defaultKeymap,
...CodeMirror.historyKeymap
]),
CodeMirror.oneDark
]
Insert cell
Insert cell
state = CodeMirror.EditorState.create({ doc, extensions })
Insert cell
Insert cell
view = new CodeMirror.EditorView({ state })
Insert cell
Insert cell
editor = {
const container = document.createElement("div");
container.append(view.dom);
return container;
}
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