{
var svgDims = [600,300]
var svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid white")
var chart = new Chart({element:svg,svgDims:svgDims,data:points,xlims:[xmin,xmax],ylims:[ymin,ymax],origin:[0,0]})
var data = chart.data
{
for(var i = 0;i < data.length; i++){
svg.append("circle").attr("r",5)
.attr("cx",data[i].x)
.attr("cy",data[i].y)
.attr("fill", "powderblue")
.attr("stroke","olive")
}
}
chart.draw()
yield svg.node()
}
viewof s = slider({max:10})
// For Loop
{
for(var i = 0;i < 10; i++){
}
}
// While Loop
{
var i = 0
while(i < 10){
i++
}
}
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.
