Wie zeichne glatte Linie Diagramm mit SVG?

Question

Ich arbeite an einem Datenvisualisierungsprojekt, das ich einige Informationen in einem Liniendiagramm anzeigen muss. Also habe ich SVG verwendet, um die Linien zu zeichnen, aber ich muss Kurven verwenden und ein glattes Diagramm erstellen. Wie kann ich das in SVG erreichen?

Das ist, was ich bisher getan habe: Current Chart

Und das ist, was ich tun möchte: Desired Chart

Answer 1

Sie benötigen einen Kurvenanpassungsroutine haben, die Ihre Punkte verwandeln wird in Bézier-Kurven.

Ein guter Ausgangspunkt ist der Kurvenschneider von Philip J. Schneider aus dem Graphic Gems Buch.

Gehen Sie zu https://github.com/erich666/GraphicsGems/blob/master/gems/FitCurves.c für den Code.