color$ = obs
.merge(load$,
obs.combineLatest(input$(red), input$(green), input$(blue)))
.do(updateUI)
.share()
load$ = obs
.fromEvent(load, 'click')
.map(x => load.value)
.debounceTime(100)
.flatMap( _ => threeRandomNumbers )
.bufferCount(3)
threeRandomNumbers = obs.range(1,3).map(util.random).map(x => 25 * x)
input$ = (input) => obs
.fromEvent(input, 'input')
.throttleTime(100)
.startWith(input.value)
.map(x => Number(input.value))
updateUI = color => {
red.value = color[0]
green.value = color[1]
blue.value = color[2]
}
rgb = color => `rgb(${color[0]},${color[1]},${color[2]})`
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.
