{
var svgDims = [600,300]
var svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid black")
var pathData = d3.line().x(d => d.x).y(d => d.y)(data2)
svg.append("path").attr("stroke","black").attr("fill","none").attr("d",pathData)
return svg.node()
}
viewof fluctuation = slider({max:100})
data2 = {
var data = []
for(var i = 0;i <= 600; i = i + 2){
data.push({x:i,y:150+Math.random()*fluctuation})
}
return data
}
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.
