Graph transformations calculator

Change horizontal and vertical shifts, stretches, and reflections while comparing a parent function with its transformed graph.

· Value = —
Function color
Interactive function graphThe graph updates as you change the equation, values, and view controls. Move your pointer across the graph to read x and y coordinates, or drag to move the graph.xy

WHAT CHANGED

Start with a parent function, then change a, b, h, or k.

    Hover to inspect coordinates. Drag the graph to pan the view or use the wheel and zoom controls to explore the function.

    ABOUT THE TOOL

    How function transformations work

    A transformation changes a parent graph without changing the basic family. A shift moves it, a scale changes its size, and a reflection flips it across an axis. Seeing the original and transformed curves together makes the effect of each parameter easier to identify.

    HOW TO USE IT

    1. Choose a parent function such as x², |x|, √x, 1/x, 2ˣ, sin(x), or cos(x).
    2. Enter a, b, h, and k, or start with a preset transformation.
    3. Compare the gray parent curve with the colored transformed curve.
    4. Use the live summary and coordinate cursor to describe and check the result.

    See parent and transformed functions

    A function transformation changes a familiar parent graph without making you redraw it. This calculator keeps the parent curve visible in gray and draws the transformed curve in your selected color. Choose from linear, quadratic, absolute value, cubic, square root, cube root, reciprocal, exponential, sine, or cosine, then adjust one input at a time. The live summary translates the equation into words so a shift, stretch, compression, or reflection is easy to recognize.

    Read a, b, h, and k

    The workspace uses g(x) = a · f(b(x − h)) + k. The value h moves the graph right when positive and left when negative. The value k moves it up when positive and down when negative. The magnitude of a controls vertical scale, while a negative value reflects the graph across the x-axis. The magnitude of b controls horizontal scale, while a negative b reflects the graph across the y-axis. Values between zero and one stretch a graph in the corresponding direction.

    Use presets, then explore

    Transformation presets provide a quick starting point for common classroom examples, including right and left shifts, vertical movement, reflections, and scale changes. After selecting a preset, type any finite value directly into the number fields for a more precise problem. Use the zoom controls when a large shift or scale moves the graph out of view, hover for coordinates, and compare the gray parent with the active curve to check your reasoning.

    Transformation rules in plain language

    The form g(x) = a · f(b(x − h)) + k separates vertical and horizontal changes. A positive h moves the parent graph right, k moves it up, a negative a reflects it across the x-axis, and a negative b reflects it across the y-axis. Magnitudes greater than one create a vertical stretch through a or a horizontal compression through b; values between zero and one create the opposite effect. The parent curve stays visible so you can identify one change at a time.

    Use transformations to predict coordinates

    Choose a recognizable point on the parent graph before changing the parameters. For example, the origin on y = x² moves to (h, k) in a(x − h)² + k, while the point (1, 1) also changes according to the horizontal and vertical scales. Make a prediction, select a preset, then adjust a, b, h, or k one at a time. Comparing predicted and plotted coordinates is a reliable way to distinguish a horizontal shift from a horizontal scale change.

    Transformation example with a quadratic

    Start with f(x) = x² and choose g(x) = 2(x − 3)² − 1. The point (0, 0) moves to (3, −1), the graph becomes twice as narrow vertically, and the vertex becomes the minimum (3, −1). If you instead use g(x) = −2(x − 3)² − 1, the vertex stays in the same place but the parabola opens downward. Use the parent curve to separate movement from shape change.

    Transformation example with a sine wave

    For g(x) = 3sin(2(x − π/4)) + 1, the amplitude is 3, the period is π, the phase shift is π/4 right, and the midline is y = 1. Change only one parameter at a time and observe which feature moves. This approach is useful when a transformed function looks unfamiliar but still belongs to a familiar parent family.

    COMMON QUESTIONS

    Frequently asked questions

    What does a do in a transformation?

    a controls vertical scale. A negative value reflects the graph across the x-axis, while a magnitude greater than one stretches it vertically.

    What does h do?

    h controls the horizontal shift in f(x − h). Positive h moves the graph right and negative h moves it left.

    What parent functions are supported?

    The interactive view supports linear, quadratic, absolute value, cubic, square root, cube root, reciprocal, exponential, sine, and cosine parent functions.

    What is the order of transformations?

    Read the equation from the inside outward: horizontal changes affect the input, vertical scaling or reflection changes the output, and the outside vertical shift moves the result.

    What is the difference between a shift and a stretch?

    A shift changes position without changing size. A stretch or compression changes distances between important points, such as a parabola’s width or a wave’s height.

    Why is the parent graph useful?

    It gives a stable reference for recognizing which coordinates, intercepts, or extrema moved and which shape properties stayed the same.