# Preview Curve

### What It Does

The PreviewCurve node visualizes a curve or function as a graph. It helps you see the shape and behavior of mathematical curves for animation or interpolation.

### Inputs

| Name  | Description            | Type  | Required |
| ----- | ---------------------- | ----- | -------- |
| Value | The curve to visualize | Curve | Yes      |

### Outputs

| Name         | Description                            | Type |
| ------------ | -------------------------------------- | ---- |
| *No outputs* | This node is for preview purposes only | -    |

![PreviewCurve Example](https://3657049418-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy0SFXZjN1sdgdxYM7QPE%2Fuploads%2FuSZCZyN8RfjtfGxGhsqi%2FScreenshot%202025-04-08%20at%206.50.10%E2%80%AFPM.png?alt=media\&token=ba058038-663d-4c42-84e0-65727be1555a)

### How to Use It

1. Drag the PreviewCurve node into your graph.
2. Connect a curve value (like a Bezier curve or other function curve) to the "Value" input.
3. The node will display a graphical representation of the curve's shape.
4. Use the visualization to understand the curve's progression and behavior.

<figure><img src="https://3657049418-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fy0SFXZjN1sdgdxYM7QPE%2Fuploads%2FZBns8sQ7TPCC46hxPPiZ%2FScreenshot%202025-04-08%20at%206.48.46%E2%80%AFPM.png?alt=media&#x26;token=8aacba1a-c134-4ab7-ad76-8d8d391f996d" alt=""><figcaption></figcaption></figure>

### Tips

* Use this to verify the shape of easing curves for animations.
* Check transition curves to ensure they have the intended acceleration and deceleration.

### See Also

* [**Bezier Curve**](https://documentation.tokens.studio/graph-engine/available-nodes/curves/bezier-curve): For creating custom curves to preview.
* [**Preset Bezier Curves**](https://documentation.tokens.studio/graph-engine/available-nodes/curves/preset-bezier-curves): For selecting from common curve types.

### Use Cases

* **Animation Curves**: Visualize easing functions for animation timing.
* **Interpolation Preview**: See how values will transition between points.
* **Function Validation**: Verify that mathematical functions produce the expected curve shape.
