Published
Edited
Apr 12, 2018
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
color = 'red'
Insert cell
html`<p style="background: ${color}">This text should be colored</p>`
Insert cell
Insert cell
Insert cell
viewof colorInput = html`<input type="color" value="#ff0000">`
Insert cell
html`<p style="background: ${colorInput}">This text should be colored</p>`
Insert cell
Insert cell
Insert cell
viewof rangeInput = html`<input type=range>`
Insert cell
rangeInput
Insert cell
Insert cell
Insert cell
md`Hello ${textInput || 'stranger'}, how are you doing today?`
Insert cell
Insert cell
Insert cell
numberInput = html`<input type=number>`
Insert cell
Insert cell
Insert cell
Generators.input(numberInput)
Insert cell
Insert cell
tex` f(x) = x^2 + 4x - 2`
Insert cell
Insert cell
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