D3 - Unterschied zwischen Basis- und Linearinterpolation in SVG-Zeile

Question

Ich implementierte ein Multi-Serien-Liniendiagramm wie das von M. Bostock gegebene here und stieß auf ein kurioses Problem, das ich selbst nicht erklären kann. Wenn ich die lineare Interpolation wähle und meine Skalen und Achsen einstelle, ist alles korrekt und die Werte sind gut ausgerichtet.

Aber wenn ich meine Interpolation zu Basis ändern, ohne meine Achse und Skalen zu ändern, sind die Werte zwischen den Linien und der Achse falsch.

Was hier geschieht? Mit der monotonen Einstellung kann ich fast den gleichen Effekt erzielen wie die Basisinterpolation, aber ohne das Synchronisationsproblem zwischen Linien und Achse. Trotzdem würde ich gerne verstehen, was passiert.

Answer 1

Die Basisinterpolation implementiert eine beta spline, die Leute gerne als Interpolationsfunktion verwenden, weil sie extreme Spitzen glättet. Dies ist nützlich, wenn Sie etwas modellieren, von dem Sie erwarten, dass es reibungslos variiert, aber nur scharfe, selten abgetastete Daten aufweist. Eine Konsequenz daraus ist, dass die sich ergebende Linie nicht alle Datenpunkte verbindet und das Auftreten von Extremwerten verändert.

In Ihrem Fall sind die scharfen Spitzen die interessanten Merkmale, die Ausnahme zu dem normalerweise 0 Grundlinienwert. Wenn Sie eine Spline-Interpolation verwenden, glätten Sie diese Spitzenwerte.

Hier ist eine Spaß-Demo mit den verschiedenen Arten von Linie interpoations zu spielen: http://bl.ocks.org/mbostock/4342190

Sie können die Daten ziehen um, so dass sie eine scharfe Spitze wie das Ihre, auch klicken, um neue Punkte hinzufügen ähneln. Wechseln Sie dann zu einer Basisinterpolation und beobachten Sie, wie der Peak gemittelt wird.