drawing svg:circle on d3.svg.area().interpolate("basis")

2.5k Views Asked by At

Here is my Code on JsFiddle I am using d3.svg.area() to draw an area and drawing the points as svg:circle on it. whch works okay If I change .interpolate('basis') to .interpolate('cardinal') or linear But how to put the points properly with basis interpolation ? e.g. I want to put the near match points

1

There are 1 best solutions below

1
On

You can use the interpolation method "monotone" that will respect your y maximum and therefore your circles will not be displaced. -Canimus