The avatar for @harshtyagi
Harsh Tyagi
Published
Edited
Apr 8, 2021
Fork of Closest Point Along a Path
Importers
Insert cell
Insert cell
Insert cell
bubbleRadius = 15
Insert cell
bubbleCount = countTemp - rounding
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
countTemp = check.length/(bubbleRadius * 2)
Insert cell
rounding = countTemp % 1
Insert cell
Insert cell
pathCoordinates = [[200, 0], [450,0], [500, 1], [550, 0], [700,0], [900,0]]
Insert cell
console.log(pathCoordinates)
Insert cell
Insert cell
l = draw.getTotalLength();
Insert cell
check = d3.range(l+1).map((d,i)=> [draw.getPointAtLength(d).x,draw.getPointAtLength(d).y])
Insert cell
yasdf = [x(check[1][0]), x(check[24][0])]
Insert cell
Insert cell
y = d3.scaleLinear()
.domain([ 0, 1 ])
.range ([height - margin.bottom, margin.top])
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