Published
Edited
Feb 24, 2020
Importers
7 stars
Insert cell
Insert cell
viewof letters = transformValue(slider({
title: 'Number of letters',
value: 5,
step: 1,
min: 1,
max: 26
}),
value => Array.from({length: value}, (v, i) => String.fromCharCode(i+65))
)
Insert cell
letters
Insert cell
Insert cell
viewof spacedOut = transformValue(
html`<input type="text" value="Hello! What's going on?">`,
value => value.toUpperCase().replace(/[AEIOU!?]/g, c => c.repeat(3))
)
Insert cell
spacedOut
Insert cell
Insert cell
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