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
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.