Graphing Calculator

How to Use This Graphing Calculator

This graphing calculator lets you plot mathematical functions directly in your browser. Type a function using x as the variable, click Plot, and see the graph drawn on the canvas instantly. You can plot multiple functions at the same time, each in a different color, and use the interactive controls to zoom, pan, and explore the graph in detail.

Entering Expressions

The calculator accepts a wide range of mathematical expressions using standard notation. Here is how to enter different types of functions:

• Polynomials: x^2 + 3*x - 5 or x^3 - 2*x^2 + x - 1
• Trigonometric: sin(x), cos(x), tan(x), sin(2*x)
• Exponential: e^x, 2^x, exp(x)
• Logarithmic: ln(x), log(x) (base 10)
• Square root: sqrt(x) or sqrt(x^2 + 1)
• Absolute value: abs(x)
• Constants: pi (3.14159...) and e (2.71828...)
• Combined: sin(x)/x, x*cos(pi*x), ln(abs(x))

Use the caret (^) for exponents, the asterisk (*) for explicit multiplication, and parentheses for grouping. The parser handles implicit multiplication in some cases (like 2x being treated as 2*x), but using the asterisk is recommended for clarity.

Plotting Multiple Functions

Click the "Add Function" button to add more input fields. Each function is assigned a unique color from a predefined palette, making it easy to distinguish curves on the graph. You can remove any function by clicking the X button next to it. All visible functions are re-plotted whenever you click Plot or change the viewport.

Comparing functions side by side is one of the most powerful uses of a graphing calculator. For example, plot x^2 and x^3 together to see how polynomial growth differs, or plot sin(x) alongside cos(x) to visualize their phase relationship.

Zooming and Panning

The graph is fully interactive. Scroll your mouse wheel up to zoom in and down to zoom out. The zoom is centered on your cursor position, so point at the region you want to examine before scrolling. On touch devices, use a two-finger pinch gesture to zoom. You can also use the + and - buttons in the top-right corner of the canvas.

Click and drag anywhere on the canvas to pan the view. This lets you explore distant parts of the graph without losing your zoom level. The "Reset View" button returns the viewport to the default range of -10 to 10 on both axes.

Finding Points of Interest

Click "Find Points" to automatically locate roots, local maxima, and local minima within the visible viewport for each plotted function. The calculator uses numerical methods to search for these points: it scans the plotted curve for sign changes (roots) and direction changes (extrema), then refines the results. Found points are marked on the graph and listed below it with their approximate coordinates.

Keep in mind that numerical methods are approximations. For high-precision work, use these results as starting points and verify analytically. The accuracy improves when you zoom into the region of interest, as the search resolution increases.

Table of Values

Click "Show Table" to generate a table showing x values at regular intervals across the visible x-axis range, along with the corresponding y value for each plotted function. This gives you a numerical perspective that complements the visual graph. The table updates each time you change the viewport or re-plot, always reflecting the current view.

Practical Examples and Use Cases

Solving Equations Graphically

You can solve equations like x^2 - 4 = 0 by plotting x^2 - 4 and looking for where the curve crosses the x-axis. The "Find Points" feature will highlight these roots, showing you that x = -2 and x = 2 are the solutions. For systems of equations, plot both sides as separate functions and look for intersection points.

Exploring Trigonometric Functions

Plot sin(x) to see the classic wave pattern. Then plot sin(2*x) to see how doubling the frequency compresses the wave. Add 2*sin(x) to see how the amplitude changes. This kind of visual exploration makes it much easier to understand transformations than reading about them in a textbook.

Understanding Growth Rates

Plot x, x^2, x^3, and e^x together. Zoom out to see how exponential growth overtakes all polynomial growth. Zoom in near the origin to see where the curves intersect and trade dominance. This is a fundamental concept in computer science (algorithm complexity) and finance (compound interest).

Calculus Visualization

Plot a function and its derivative together. For example, plot x^3 - 3*x and 3*x^2 - 3 on the same graph. Notice that the derivative is zero exactly where the original function has its local maxima and minima. Where the derivative is positive, the original function is increasing. This visual pairing is one of the most effective ways to build intuition about calculus.

Engineering and Physics

Engineers frequently need to visualize signal waveforms, transfer functions, and system responses. Plot e^(-0.5*x)*sin(3*x) to see a damped oscillation, which models everything from spring systems to electrical circuits. The graphing calculator lets you tweak coefficients and immediately see the effect on the curve shape.

Supported Syntax Reference

Here is a complete list of operators, functions, and constants supported by the expression parser:

• Operators: + (add), - (subtract/negate), * (multiply), / (divide), ^ (power)
• Functions: sin, cos, tan, asin, acos, atan, sinh, cosh, tanh, sqrt, abs, ln, log, exp, ceil, floor, round
• Constants: pi (3.14159265...), e (2.71828182...)
• Variable: x
• Parentheses: ( ) for grouping

The parser follows standard order of operations: parentheses first, then exponentiation (right-associative), then multiplication and division (left to right), then addition and subtraction (left to right). Unary minus is supported, so -x^2 means -(x^2), not (-x)^2.

Statistics and Data Fitting

If you have a dataset and want to see whether a linear, quadratic, or exponential model fits best, you can plot each candidate function and compare visually. For instance, suppose your data roughly follows a parabolic shape. Plot 0.5*x^2 - 2*x + 3 and adjust the coefficients until the curve passes near your data points. While this is not a formal regression, it gives you rapid visual feedback on which model family is appropriate before running a full statistical analysis.

Financial Modeling

Compound interest follows the formula A = P(1 + r)^t. Plot (1.05)^x to visualize how an investment grows at 5% annual interest over x years. Add (1.08)^x to see the dramatic difference a few percentage points make over long time horizons. You can also plot 1000*(1.05)^x to see the actual dollar value of a $1,000 investment. The table of values feature lets you read off the exact amounts at each year.

Education and Homework

This graphing calculator is ideal for students learning algebra, pre-calculus, and calculus. When you encounter a problem asking you to sketch a function, type it in and see the shape instantly. Compare your hand-drawn sketch to the calculator output to check your understanding. For transformations, plot the base function and the transformed version together. For example, plot x^2 alongside (x-3)^2+2 to see how horizontal and vertical shifts work. Plot x^2 and -x^2 to see reflection across the x-axis.

Signal Processing and Waveforms

Engineers working with signals can plot waveforms like sin(2*pi*x) for a 1 Hz sine wave, or sin(2*pi*5*x) for 5 Hz. Add harmonics by plotting sin(2*pi*x) + 0.5*sin(2*pi*3*x) + 0.25*sin(2*pi*5*x) to see how Fourier series build up complex waveforms from simple components. The zoom feature lets you examine individual cycles closely, while zooming out reveals the overall envelope.

Comparing Algorithms and Complexity

Computer science students can visualize algorithmic complexity by plotting x (linear), x*ln(x)/ln(2) (n log n), x^2 (quadratic), and 2^x (exponential) on the same graph. Near the origin, all curves look similar. Zoom out and the exponential curve shoots upward, making it obvious why exponential-time algorithms become impractical. This visual comparison is more intuitive than reading about Big-O notation in a textbook.

Tips for Getting the Best Results

• If your graph looks empty, check that the function produces values within the visible y-axis range. Try zooming out or resetting the view.
• For functions with asymptotes (like 1/x or tan(x)), the graph will show vertical lines near the asymptotes. This is normal for continuous plotting.
• Use explicit multiplication. Instead of 2x, write 2*x to avoid parsing ambiguity.
• To graph piecewise-defined functions, use combinations of abs(). For example, abs(x) is already piecewise, and you can build on it.
• Zoom into a region of interest before clicking "Find Points" for more accurate results. The numerical search uses the visible x-range.
• Compare functions by plotting them together. Use the table view to see exact values side by side.
• If a function produces complex numbers (like sqrt(-1)), those points will simply not appear on the graph because only real-valued outputs can be plotted.

Understanding Mathematical Functions

A mathematical function takes an input value (x) and produces an output value (y). When you type an expression like x^2 - 3, the graphing calculator evaluates it for hundreds of x values across the visible range and plots each (x, y) pair as a point. Connecting these points produces the smooth curve you see on screen. The more points evaluated, the smoother the curve appears.

Polynomials are the simplest class of functions. A polynomial is a sum of terms, each consisting of a constant multiplied by x raised to a non-negative integer power. The highest power is called the degree. Linear functions (degree 1) produce straight lines, quadratics (degree 2) produce parabolas, cubics (degree 3) produce S-shaped curves, and so on. As the degree increases, the function can have more turning points and roots.

Trigonometric functions like sine and cosine are periodic, meaning they repeat their values at regular intervals. The sine function completes one full cycle every 2*pi units (approximately 6.28). This periodic behavior makes trig functions essential for modeling waves, oscillations, circular motion, and anything that repeats. The tangent function has vertical asymptotes where cosine equals zero, which appear as gaps in the graph.

Exponential functions grow (or decay) at a rate proportional to their current value. The function e^x increases without bound as x gets larger and approaches zero as x becomes very negative. Logarithmic functions are the inverse of exponentials: ln(x) is defined only for positive x, increases slowly, and passes through the point (1, 0). Understanding the relationship between exponentials and logarithms is fundamental to many fields including science, engineering, and finance.

Community Questions

• How to plot mathematical functions with JavaScript? 10 answers · tagged: javascript, graph, math
• Best JavaScript libraries for graphing equations? 12 answers · tagged: javascript, charting, visualization
• How to render mathematical equations on HTML canvas? 7 answers · tagged: javascript, canvas, math

Frequently Asked Questions