Published
Edited
Jun 11, 2021
Importers
Insert cell
Insert cell
Insert cell
Insert cell
coverage = md``
Insert cell
map1 = {}
Insert cell
map2 = {
}
Insert cell
Insert cell
viewof inputs = view`
${[
"c1",
cautious(
(apply, reset) => view`<div>
${['foo', Inputs.range([0, 100], { label: 'Foo', step: 1 })]}
${['bar', Inputs.text({ value: 'change me', label: 'Bar' })]}
<hr style="margin:0;padding:10px;max-width:360px">
<button onclick=${apply}>Apply</button>
<button onclick=${reset}>Reset</button>`
)
]}
${[
"c2",
cautious(
(apply, reset) => view`<div>
${['baz', Inputs.range([0, 100], { label: 'Baz', step: 1 })]}
${['bat', Inputs.text({ value: 'change me', label: 'Bat' })]}
<hr style="margin:0;padding:10px;max-width:360px">
<button onclick=${apply}>Apply</button>
<button onclick=${reset}>Reset</button>`
)
]}

`
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