prefixVarsInFormulaDiscrete distribution inputiframe testFenced code highlighterWhat's this?FullscreenSVG editingEditable SVGFile Uploaderpt - pretty-print matrices & tensorsselectFlat inputHello html2canvasGeoJSON feature editorwidthTesting visibility continuouslyForce Simulation Web WorkermathHello SharedArrayBufferPrettier Observable BookmarkletD3 ProjectionsFullwidth Observable BookmarkletInvalidationHello iocaneDrag to re-arrangeSignatureHello JSON-editorWorkerd3.csv code snippetFormat Comma-Separated TreeLayers PerspectiveMy NotebooksCool Observable NotebooksCool Notebooks Circle
height
DEFAULT_HEIGHT = Math.min(SCREEN_HEIGHT, width * 0.7) | 0 // set to the height you want in observable
SCREEN_HEIGHT = screen.height // capture screen height before obs goes fullscreen
embedHeight = {
const el = document.body.appendChild(
html`<div style="position:absolute;top:0;left:0;width:0;height:100%;visibility:hidden">`
);
invalidation.then(() => el.remove());
return () => el.clientHeight;
}
url = new URL(document.location)
outside = !url.host.endsWith(".observableusercontent.com")
embed = !outside && url.searchParams.has("cells")
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.
