# Cubic Graph

<figure><img src="/files/jJSt5BBqRiqgS6zh43Lr" alt="" width="375"><figcaption><p>Cubic Bezier Graph</p></figcaption></figure>

This graph view will show the cubic bezier curve for 2 selected keyframes. Cubic bezier curves are used extensively in CSS animation, making it easy to apply these eases to your AE keyframes.

At the top of the graph are the bezier values, of the form **\[x1, y1, x2, y2]**, which represent the coordinates for the first and second bezier handles, respectively. The cubic bezier graph always assumes the first keyframe is at point (0,0), and the second keyframe is at point (1,1). Because of this, the cubic bezier graph will not always 'look like' your value graph. Chances are, if your keyframe values are increasing, (key1 < key2), then the graphs will look the same, but if they are decreasing (key1 > key2), then the graph will look flipped:

<figure><img src="/files/FQFVzu1234rdC6b7U3Ye" alt="" width="375"><figcaption><p>Value graph with decreasing keyframe values</p></figcaption></figure>

<figure><img src="/files/ec5Ixpo1wjq5r6KUT1eD" alt="" width="375"><figcaption><p>Bezier graph showing normalized curve</p></figcaption></figure>

### Editing Values

The bezier values in the header are a text box, and can be edited directly. They can also be copied to your clipboard.

<figure><img src="/files/u3YmLujSfymTALzQWVZl" alt="" width="258"><figcaption><p>Editing values</p></figcaption></figure>

### Single Keyframe

Note that the Cubic Bezier graph always requires at least 2 keyframes to be selected. If there is only one selected, you will see this error:

<figure><img src="/files/oPHAsV1ZP09qKf8igi4s" alt="" width="375"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://motion-studio.mtmograph.com/ae-extension/easing/cubic-graph.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
