The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Look at me, I’m <mark>marked text</mark>!
<style>
mark {
background-color: cyan;
}
</style>
array = [0, 1, 2, 3, 4]
array // Bad: nondeterministic order
array.reverse() // Bad: mutates array
array2 = [0, 1, 2, 3, 4]
array2.slice().reverse() // Good: copy before mutate
{
const array3 = [0, 1, 2, 3, 4];
array3.reverse(); // Good: mutation local to cell
return array3;
}
require("he") // Danger: loads the latest version of he, whatever that is!
require("he@1") // Good: pinned major version
require("he@1.2.0") // Also good: pinned exact version
require("he@1.2.0/he.js") // Also good: pinned exact version and path
{
// When this cell is re-run, mark the old object as dead.
const object = {alive: true};
invalidation.then(() => object.alive = false);
return object;
}
{
for (let i = 0; true; ++i) {
yield i;
}
}
foo = htl.html`<div>foo</div>`
foo.textContent // Good: explicit reference to foo
htl.html`<div id=bar>bar</div>`
document.querySelector("#bar") // Bad: implicit reference to bar
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.
