I am trying to draw a parabola inside a chart which I am developing using D3.Js library and using SVG paths to draw the curve.
I have a set of 5 points for drawing the parabola: (0, 500) (100, 400) (200, 280) (300, 220) (400, 200).
But to plot these points I need to know the control points so a perfect and smooth curve is obtained like below.
Example chart based on data points
Is there any equation or way to identify the control points for two point, so that its possible to draw a parabola touching the points specified above?
Edit
Is it possible with a Bezier cure?
If the points don't fall precisely on a parabola there is nothing whatsoever you can do about that: