Curved Line Graph

Dave Fumberger

Open in Framer X


Create beautiful curved bezier line graphs with this simple to use component.

  • Points - Comma seperated list of values
  • Labels - Comma seperated list of labels to show on X Axis
  • X Scale - Spacing of the x axis
  • X Offset - Number of pixels to shift the view horizontally. Can be used to scroll the graph.
  • Y Max - Y value to scale the graph to
  • Line Color - Color of the line
  • Line Width - Width of the line
  • X Labels - Show / hide x-axis labels
  • Y Labels - Show / hide y-axis labels
  • Show Dots - Show / hide dots on the curve


v1.3.0 - 4 Sep 2019

Added y offset option. Added thumbnail.

v1.2.0 - 19 Mar 2019

Added x axis labels. Improve UI controls

v1.0.0 - 12 Mar 2019

Initial Release

Opening Package in Framer X...

Don’t have Framer X yet?Start your Free Trial

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree