here to learn
Notebook stepperNotebook import inspector (deprecated)Version Pinning for NotebooksSandpiles in the reactive runtimeWebSocket-powered notebook editing toolsExporting notebooks with their sourcefromV1From raw notebook source to Observable runtime V1 modulesNotebook Visualizer (Firefox-compatible)Imports: tips and tricks"Force Update Pattern" in ObservableImporting data from Google Spreadsheets into a notebook / webpage
Find non-default global objects for "require"
Object.keys(window)
// require("hyperhtml")
// This cell just filters out the default junk, depending on the detected browser
nonDefaultGlobals = Object.keys(window).filter(str => {
const UA = navigator.userAgent;
let filter;
if (UA.includes('Firefox'))
filter = defaultWindowFirefox;
else if (UA.includes('Edge'))
filter = defaultWindowEdge;
else if (UA.includes('Chrome'))
filter = defaultWindowChrome;
else if (UA.includes('Safari'))
filter = defaultWindowSafari;
else // browser not yet added to this notebook, sorry!
filter = '';
if (UA.includes('Windows'))
filter.push("onvrdisplayconnect","onvrdisplaydisconnect","onvrdisplayactivate",
"onvrdisplaydeactivate","onvrdisplaypresentchange");
if (UA.includes('Mobile')) // any other mobile-only properties / methods?
filter.push('orientation');
return !filter.includes(str);
})
// md`\`\`\`js
// function
// \`\`\``
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.
