This PR adds additional curves representing the gain adjustments introduced by each filter as well as its corresponding control point. The points (and curves) adjust accordingly when filters are updated.
Changes
add Point component for rendering a set of points at the correct location using d3
add a Curve component for rendering a line and a corresponding control point
refactor chartData to store Curve data (line and point)
add code to compute the coordinates of these points based on the filter frequency
added a helper hook useIsNotFirstRender for cleaning up animations
Summary
This PR adds additional curves representing the gain adjustments introduced by each filter as well as its corresponding control point. The points (and curves) adjust accordingly when filters are updated.
Changes
Point
component for rendering a set of points at the correct location using d3Curve
component for rendering a line and a corresponding control pointCurve
data (line and point)useIsNotFirstRender
for cleaning up animations.tsx
files