Published
Edited
Jan 29, 2020
1 star
Insert cell
Insert cell
{
var svg = d3.select(DOM.svg(600,300)).attr("style","background:white;border:1px solid black")
var outer = svg.append("g").attr("transform",`translate(20,20)`)
var arr = new Arr({element:outer,x:0,y:0,data:data})
var arrow = new Arrow({element:outer,x:-5,y:32})
var entries = arr.array
yield svg.node()
await arrow.setX(entries[2].x+15,2000,d3.easeBounceOut).end()
entries[2].setFill("red",2000)
entries[2].setDatumFill("white",2000)

}
Insert cell
Insert cell
Insert cell
Insert cell
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