Published unlisted
Edited
Oct 21, 2020
1 star
Insert cell
Insert cell
import { View } from '@mbostock/synchronized-views'
Insert cell
Insert cell
viewof brokenNum = new View(30)
Insert cell
displayBroken = html`${brokenNum} ${viewof brokenNum.bind(
html`<input type=range min=0 max=30>`
)}`
Insert cell
Insert cell
viewof num = new View(20)
Insert cell
display = {
const root = html`<span id=num></span> ${viewof num.bind(
html`<input type=range min=0 max=30>`
)}`;
return Object.assign(root, {
update: num => (root.querySelector('#num').innerText = num)
});
}
Insert cell
update = display.update(num)
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