Public
Edited
May 2, 2024
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
tm.clientWidth
Insert cell
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Runtime = await import("@observablehq/runtime@4/dist/runtime.js")
Insert cell
customWidth = function () {
return new Runtime.Library().Generators.observe(function (change) {
let width = change(tm.clientWidth);
function resized() {
let w = tm.clientWidth;
if (w !== width) change((width = w));
}
window.addEventListener("resize", resized);
return function () {
window.removeEventListener("resize", resized);
};
});
}
Insert cell
runtime = new Runtime.Runtime(
Object.assign(new Runtime.Library(), { width: customWidth })
)
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