Published
Edited
Jul 15, 2022
1 star
Insert cell
Insert cell
Insert cell
Insert cell
_ = require('hyperscript.org@0.9.6/dist/_hyperscript.js').catch(() => window["_hyperscript"])
Insert cell
out = htl.html`<button _="on click toggle .clicked">
Toggle the "clicked" class on me
</button>`
Insert cell
styles = html`<style>
.clicked {
border: 2px solid purple;
}

</style>`
Insert cell
Insert cell
<button _="on click
call alert('OK, Going to put the current date into the output!')
make a Date then put it into the next <output/>">
Show An Alert
</button>
<output>--</output>
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