Published
Edited
Mar 21, 2022
1 star
Insert cell
Insert cell
Insert cell
viewof dashArray = Inputs.range([0, 5000], {label: "dashArray", value: 2195})
Insert cell
md`
dashArray: 2195`
Insert cell
{
svg.attr('width', width)
const path = svg.selectAll('path').attr('stroke', 'red').attr('fill', 'none')
const circles = svg.selectAll('circle').attr('fill', 'red')
const ellipse = svg.selectAll('ellipse').attr('fill', 'red')
const progressPath = svg.select('#progress-path').attr('stroke-width', 10)
.attr("stroke-dasharray", `${dashArray} ${dashArray}`).attr('stroke-dashoffset', dashOffset)
return svg.node()
}
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