Visual Tools
Calculators
Tables
Mathematical Keyboard
Converters
Other Tools


Functions Families


Linearf(x) = 1x + 0
×
900 × 620

Getting Started with the Gallery
Browsing the Family Picker
The Trigonometric Group
Adjusting Parameters with the Sliders
Reading the Plot and Equation Badge
Exploring the Info Panel
What is a Function Family?
Defining Features Across Families
How to Compare Families
Related Concepts and Tools






Getting Started with the Gallery

Open the page and three panels appear side by side. On the left is the family picker — a vertical list of every function family the gallery covers. In the center is the plot panel, with the family name in the header, the current symbolic equation displayed as a badge, and an interactive graph of y=f(x)y = f(x). On the right is the info panel, with tabs for an explanation of the active family and external resources.

The gallery launches on the linear family with default parameters a=1a = 1, b=0b = 0 — the line y=xy = x. Click any family in the sidebar to switch to it. The plot, equation, sliders, and explanation all update at once. Parameters reset to their family-specific defaults on every switch, so you always start from a representative example.

The plot supports zoom, crosshair readout, and curve tooltips by default. Mouse over the curve to see the corresponding (x,f(x))(x, f(x)) values.

Browsing the Family Picker

The picker lists every family with a small glyph showing the characteristic shape of that family and the family's name. Twelve families are included, covering most of pre-calculus and the standard families seen through introductory calculus:

• Linear — straight lines
• Quadratic — parabolas
• Cubic — odd-degree polynomials with an inflection point
• Power — axnax^n for adjustable exponent nn
• Rational — reciprocal curves with vertical asymptotes
• Exponential — multiplicative growth or decay
• Logarithmic — the inverse of exponential
• Trigonometric — sine, cosine, and tangent (grouped together)
• Absolute value — sharp V shape
• Square root — half-sideways parabola

The currently selected family is highlighted in light blue with a darker glyph color, so the picker doubles as a status indicator.

The Trigonometric Group

Three of the families — sine, cosine, and tangent — share a tinted, bordered box labeled "Trigonometric" inside the picker. The grouping reflects how they are usually taught and used together: same four-parameter form f(x)=A⋅trig(Bx+C)+Df(x) = A \cdot \text{trig}(Bx + C) + D, related by phase shifts, and bundled in every standard textbook chapter.

Sine and cosine differ only by a phase shift of π2\frac{\pi}{2} — they have identical periodicity, amplitude, and offset behavior. Tangent is the odd one out: same parameter scheme but a different period (π\pi rather than 2π2\pi), unbounded values, and vertical asymptotes where the cosine in its denominator vanishes.

Switching between the three families is the fastest way to see the structural family resemblances and the points where they diverge.

Adjusting Parameters with the Sliders

Below the family list sit the parameter sliders for the currently active family. Each family has its own set:

• Linear: slope aa, intercept bb
• Quadratic: coefficients aa, bb, cc
• Cubic: leading coefficient aa, middle coefficient bb
• Power: coefficient aa, exponent nn (including non-integer values)
• Rational: numerator aa, shift hh
• Exponential: coefficient aa, base
• Logarithmic: scale aa, vertical shift dd
• Sine / Cosine / Tangent: amplitude AA, frequency BB, phase CC, offset DD
• Absolute / Square root: coefficient aa, shift hh

Each slider shows the parameter name on the left and its current numeric value on the right in blue monospace. Dragging the slider updates the plot, the equation badge, and the explanation in real time — there is no apply step.

Reading the Plot and Equation Badge

The plot panel header has two elements. On the left, the family name identifies what is being graphed. On the right, the equation badge — in monospaced blue type — shows the current symbolic form with parameter values substituted. As you drag a slider, the equation rewrites character by character to match.

The plot itself is a coordinate system with axis labels, gridlines, and the curve y=f(x)y = f(x) drawn in accent blue. A crosshair follows the mouse, and a small tooltip near the curve shows the value f(x)f(x) at the cursor's xx-coordinate. Functions with restricted domains — square root undefined for negative inputs, logarithm undefined at and below zero, tangent and rational families undefined at asymptotes — are simply not drawn outside their domains, leaving gaps in the curve that make the domain visible.

The plot starts zoomed to roughly [−10,10][-10, 10] on both axes. You can pan and zoom for closer inspection.

Exploring the Info Panel

The right-side info panel updates whenever you select a family. Two tabs are available:

• Explanation — a short prose summary of the family. Covers the canonical equation, what each parameter does, the shape and behavior of the curve, and any defining features (asymptotes, periodicity, vertex, inflection point, domain restrictions). Mathematical notation renders inline.
• Resources — external links to relevant Wikipedia articles for further reading. Each family includes at least one curated link.

The explanation is intentionally brief — it complements the visual rather than replacing dedicated theory pages. Once you have the shape in your head from the gallery, the linked resources can fill in any formal definitions or proofs.

What is a Function Family?

A function family is a parametrized class of functions sharing the same algebraic structure. The linear family f(x)=ax+bf(x) = ax + b contains every straight line; the quadratic family f(x)=ax2+bx+cf(x) = ax^2 + bx + c contains every parabola; the sine family f(x)=Asin⁡(Bx+C)+Df(x) = A \sin(Bx + C) + D contains every shifted, scaled sinusoid.

Each member of a family is determined by a small set of numerical parameters, and members of the same family share qualitative features — number of roots, end behavior, symmetry, domain — regardless of specific parameter values. Two parabolas can look very different numerically, but both have a single vertex, both open in one direction, and both come from a degree-two polynomial.

Recognizing a function family at sight is one of the foundational skills of algebra and pre-calculus. The gallery is built to support that pattern recognition: see the same family across many parameter choices, and the invariant shape settles into memory.

For deeper theory on function classification, see functions theory.

Defining Features Across Families

Different families are distinguished by which qualitative features they support. The gallery's families illustrate most of the patterns you encounter in elementary mathematics:

• End behavior — linear and odd-degree polynomials go to ±∞\pm\infty in opposite directions; even-degree polynomials head the same way at both ends; exponentials hit a horizontal asymptote on one side; trig functions oscillate forever.
• Roots — linear has exactly one (when nonzero); quadratic has zero, one, or two; exponential and pure sine/cosine families have none in some configurations.
• Asymptotes — rational, tangent, and logarithmic families have vertical asymptotes; exponential, rational, and logarithmic have horizontal ones in the appropriate limit.
• Periodicity — only the trigonometric families repeat exactly.
• Domain restrictions — square root requires x≥hx \geq h; logarithm requires x>0x > 0 after shifting; rational excludes x=hx = h.
• Smoothness — absolute value has a corner where it is not differentiable; every other family in the gallery is smooth wherever defined.

How to Compare Families

The gallery is designed to support side-by-side comparison even though only one family is plotted at a time. A few suggested workflows:

• Match the parameters when possible. Setting amplitude A=1A = 1, frequency B=1B = 1, phase C=0C = 0, offset D=0D = 0 on sine, cosine, and tangent shows the canonical curves directly comparable to each other.
• Sweep a single parameter. Hold all but one slider fixed and drag the remaining one across its range — the family's response to that single parameter becomes obvious without competing changes confusing the picture.
• Compare growth rates. Switch between power (n=2n = 2, then n=3n = 3), exponential (base 22), and logarithmic to see how quickly each family blows up or flattens for large xx.
• Find an inverse pair. Exponential and logarithmic are inverses of each other; setting matching parameters and mentally reflecting one across y=xy = x should yield the other.

The plot's fixed default zoom makes these comparisons consistent — you are always looking at the same window, which makes shape comparison meaningful.

Related Concepts and Tools

Functions — the general theory of functions: domain, range, composition, inverses, and classification.

Function Transformations — visualizers for vertical and horizontal shifts, stretches, and reflections applied to any base function.

Polynomial Functions — focused theory and tools for the polynomial subfamilies covered here (linear, quadratic, cubic, and higher).

Exponential and Logarithmic Functions — paired study of inverse function families, growth and decay models, and natural log.

Trigonometric Functions — full coverage of sine, cosine, tangent, and their reciprocals beyond the gallery's brief introduction.

Rational Functions — asymptote analysis, partial fractions, and behavior near poles.

Equations and Inequalities Visualizer — companion tools for solving f(x)=nf(x) = n and f(x)>0f(x) > 0 across all the same function families.

Function Graphs Reference — printable reference sheets of canonical curves from each family.