Published
Edited
Jan 19, 2022
36 stars
Insert cell
Insert cell
Insert cell
html`<p>i love ${"<b>bold</b>"} text</p>`
Insert cell
htl.html`<p>i love ${"<b>bold</b>"} text</p>`
Insert cell
Insert cell
html`hello ${null} world`
Insert cell
htl.html`hello ${null} world`
Insert cell
Insert cell
mutable clicks = 0
Insert cell
html`<button onclick=${() => ++mutable clicks}>click me</button>`
Insert cell
htl.html`<button onclick=${() => ++mutable clicks}>click me</button>`
Insert cell
Insert cell
viewof disabled = Inputs.toggle({ label: "Disabled" })
Insert cell
html`<button disabled=${disabled}>Can’t click me</button>`
Insert cell
htl.html`<button disabled=${disabled}>Can’t click me</button>`
Insert cell
Insert cell
html`<span style=${{ background: "gold", fontWeight: "bold" }}>whoa</span>`
Insert cell
htl.html`<span style=${{ background: "gold", fontWeight: "bold" }}>whoa</span>`
Insert cell
Insert cell
html`
<div>hello</div>
`.outerHTML
Insert cell
htl.html`
<div>hello</div>
`.outerHTML
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