Published
Edited
Nov 27, 2018
1 star
Insert cell
Insert cell
Insert cell
Insert cell
{
var rangeX = document.querySelector('#rangeX');
var h = 500;

rangeX['oninput' in rangeX ? 'oninput' : 'onchange'] = slide;

function slide(){
var barH = h * rangeX.value;
var bar = d3.select("#bar");
bar.transition()
.attr("y", h - barH)
.attr("height", barH)
}
}
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