Public
Edited
Apr 19, 2023
Insert cell
Insert cell
viewof INPUT = Inputs.textarea({
rows: 24,
})
Insert cell
lines = (
INPUT
.split('\n')
.filter((d) => d !== '')
.map((d) => {
const ret = d.split(':', 2);
if (ret.length !== 2) throw 'bad length'; // sanity check
return ret;
})
.map(([name, definition]) => ({ name, definition }))
)
Insert cell
Insert cell
htl.html`
<dl style="max-height: 24rem; overflow-y: scroll">
${SEARCH.map(({ name, definition }) => htl.html.fragment`
<dt>${name}
<dd>${definition}
`/* htl.html.fragment */)}
`/* htl.html */;
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