Published
Edited
Feb 10, 2018
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof stroke = html`<input type="range" min="0.1" max="20" step="0.1">`
Insert cell
viewof height = html`<input type="range" min="100" max="500">`
// height of the whole SVG
Insert cell
Insert cell
viewof amplitude = html`<input type="range" min="0.1" max="20" step="0.1">`
// How high the waves go. Slider is reversed.
Insert cell
viewof wavelength = html`<input type="range" min="0" max="16" step="1">`
// How wide each wave is from crest to crest. Slider is reversed.
Insert cell
viewof waviness = html`<input type="range" min="0.1" max="6" step="0.1">`
// How much of the circle's circumference is wavy. Slider is reversed.
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