Published
Edited
Feb 10, 2020
{
var svg = d3.select(DOM.svg(600,300)).attr("style","background:lightpink;border:5px cornflowerblue dotted")
var group = svg.append("g").attr("transform","translate(300,150)")
group.append("circle").attr("r",50)
group.append("rect").attr
return svg.node()
}
{
var svg = d3.select(DOM.svg(600,300)).attr("style","background:lightpink;border:5px cornflowerblue dotted")
var outer = svg.append("g")
.attr("transform",`translate(${s},125)`)
var inner = outer.append("g").attr("transform",`rotate(${s}100)`)
inner.append("rect")
.attr("height",100)
.attr("width",5)
return svg.node()
}
viewof s = slider({max:600,step:1})
id = 69
name = `friz${id}`
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.
