function substratum({
debug = false,
invalidation,
messageWhenInactive = md`⏸️ _Substratum styles are not loaded._`,
messageWhenActive = md`✅ _Substratum styles are loaded._`
} = {}) {
if (invalidation == null) {
throw new Error(
"invalidation is not provided. See: https://github.com/observablehq/stdlib/#invalidation"
);
}
if (!isRunningStandalone && !debug) return messageWhenInactive;
installStyles({ invalidation });
return messageWhenActive;
}
function installStyles({ invalidation }) {
let elements = new Set();
function detach(elements) {
for (let n of elements) {
n.remove();
elements.delete(n);
}
}
function attach(nodes) {
for (let n of nodes) {
document.head.prepend(n);
elements.add(n);
}
}
invalidation.then(() => detach(elements));
detach(elements);
const newStyleElements = new Set(
[html`<style>${reset}`, html`<style>${main}`].reverse()
);
attach(newStyleElements);
}
substratum({ debug, invalidation })
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.
