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

Question

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

Imf

I too have this problem. Did you come up with a solution? – Doddered

Answer 1

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

Treatment

I don't want the line to be drawn over the circles. rather I want the circles to be drawn where the curve and y axis meets. – Imf