Parametric Curve Grapher

About Parametric Curve Grapher

The Parametric Curve Grapher plots parametric equations x(t) and y(t) with an interactive, animated visualization. Enter any parametric expressions, set the parameter range, and instantly see the curve rendered with a gradient color that shows the direction of parameterization. Use the t-slider to explore any point on the curve and view its tangent vector.

How to Use the Parametric Curve Grapher

1. Enter x(t) and y(t): Type your parametric expressions using standard math notation. Supported functions include sin, cos, tan, sqrt, abs, log, exp, sinh, cosh, and tanh. Use pi and e for constants.
2. Set the parameter range: Enter the start (t min) and end (t max) values. For most closed curves like circles and hearts, use 0 to 2*pi. For spirals, try 0 to 6*pi.
3. Click "Graph Curve": The tool computes 500 points along the curve, calculates the arc length, bounding box, and derivatives, then renders an animated graph.
4. Use the t-slider: Drag the slider below the graph to highlight any point on the curve. The current position and tangent vector are displayed in real-time.
5. Replay the animation: Click the "▶ Trace" button to replay the animated curve drawing. Toggle the tangent vector display with the "↗ Tangent" button.

What Are Parametric Equations?

Parametric equations define a curve using a third variable called a parameter, usually denoted \(t\). Instead of expressing \(y\) directly as a function of \(x\), both coordinates are given as separate functions:

This approach is powerful because it can represent curves that fail the vertical line test — such as circles, figure-eights, and spirals — where a single \(x\) value maps to multiple \(y\) values. The parameter \(t\) often represents time, making parametric curves natural for describing motion and trajectories.

Famous Parametric Curves

• Circle: \(x = \cos(t),\; y = \sin(t)\) for \(t \in [0, 2\pi]\). The simplest closed parametric curve.
• Ellipse: \(x = a\cos(t),\; y = b\sin(t)\). Stretches the circle by factors \(a\) and \(b\) along each axis.
• Lissajous curves: \(x = \sin(at),\; y = \sin(bt)\). Created by combining two perpendicular oscillations. When \(a/b\) is rational, the curve closes; otherwise it fills a rectangle densely.
• Heart curve: \(x = 16\sin^3(t),\; y = 13\cos(t) - 5\cos(2t) - 2\cos(3t) - \cos(4t)\). A beautiful cardioid-like shape.
• Rose curves: \(x = \cos(nt)\cos(t),\; y = \cos(nt)\sin(t)\). Creates flower-like patterns with \(n\) or \(2n\) petals depending on whether \(n\) is odd or even.
• Astroid: \(x = \cos^3(t),\; y = \sin^3(t)\). A hypocycloid with four cusps that fits inside a unit circle.
• Archimedean spiral: \(x = t\cos(t),\; y = t\sin(t)\). The radius increases linearly with the angle, creating evenly-spaced coils.
• Spirograph (hypotrochoid): \(x = (R+r)\cos(t) + d\cos((R+r)t/r),\; y = (R+r)\sin(t) + d\sin((R+r)t/r)\). Complex looping patterns inspired by the classic drawing toy.

Arc Length of Parametric Curves

The arc length of a parametric curve from \(t = t_0\) to \(t = t_1\) is given by:

This integral sums up the infinitesimal distances along the curve. For a circle with \(x = r\cos(t),\; y = r\sin(t)\), the integrand simplifies to \(r\), giving \(L = 2\pi r\) — the familiar circumference formula. For most curves, however, the integral has no closed-form solution and must be computed numerically, which is what this tool does using 500 sample points.

Tangent Vectors and Derivatives

At any point on a parametric curve, the tangent vector is \(\left(\frac{dx}{dt}, \frac{dy}{dt}\right)\). Its direction shows which way the curve is heading, and its magnitude \(\sqrt{(dx/dt)^2 + (dy/dt)^2}\) represents the speed of traversal — how fast the point moves along the curve as \(t\) increases. The slope of the tangent line is \(dy/dx = \frac{dy/dt}{dx/dt}\), which is undefined when \(dx/dt = 0\) (vertical tangent).

Applications of Parametric Curves

• Physics: Projectile motion is naturally described parametrically, with \(x(t) = v_0 \cos(\theta) \cdot t\) and \(y(t) = v_0 \sin(\theta) \cdot t - \frac{1}{2}gt^2\).
• Computer graphics: Bezier curves and B-splines, the foundation of vector graphics and font rendering, are parametric curves.
• Robotics: Robot arm trajectories are planned using parametric paths to control position over time.
• Engineering: Cam profiles, gear tooth shapes, and roller coaster tracks are designed using parametric equations.
• Music visualization: Lissajous figures appear on oscilloscopes when two audio signals drive the X and Y deflection plates.

FAQ

What are parametric equations?

Parametric equations define a curve using a parameter t, with separate functions x(t) and y(t) for each coordinate. Unlike y = f(x), parametric curves can loop, cross themselves, and trace any path in the plane. The parameter t often represents time.

How do I graph parametric equations?

Enter x(t) and y(t) expressions using standard math functions (sin, cos, tan, sqrt, exp, log). Set the parameter range (e.g., 0 to 2*pi for closed curves). Click "Graph Curve" to see the animated plot with direction arrows, tangent vectors, and arc length.

What is the arc length of a parametric curve?

The arc length is computed using the integral L = integral from t0 to t1 of sqrt((dx/dt)^2 + (dy/dt)^2) dt. This grapher approximates it numerically using 500 sample points along the curve.

What are Lissajous curves?

Lissajous curves are parametric curves defined by x(t) = sin(a*t) and y(t) = sin(b*t), where a and b are constants. They create beautiful looping patterns and appear in physics when two perpendicular oscillations are combined, such as on an oscilloscope.

What is the difference between parametric and Cartesian equations?

Cartesian equations express y directly as a function of x (like y = x^2). Parametric equations use a third variable t to define both x and y independently. Parametric form can describe curves that fail the vertical line test, like circles and figure-eights.