Skip to main content
Search IntMath

Plot your own graphs using JSXGraph graphing calculator

You can plot 3 functions, function 1 (in blue), function 2 (in green) and function 3 (in magenta).

Edit your function and then click the "Plot" button. The first one, f1(x), is done as an example.

See below for more instructions.




x-Direction zoom y-Direction zoom Both directions zoom

Show grid: Equal scaling:

Copyright ©

Directions if you are on a desktop

You can zoom in and out of the graph by holding down the Shift key and using mouse scroll wheel. You can zoom in the `x`- or `y`-directions only by choosing the option near the top of the graph, then scrolling with the mouse wheel.

You can pan the graph (move it up, down, left, right) by holding the Shift key and dragging the graph with the mouse.

(Zooming and panning gets pretty slow if you are trying to graph 3 curves at once. Suggestion: "Clear" the graphs, then set up the zoom and pan as desired, then "plot" the graphs again.)

Directions if you are on a mobile device

You may have some success with pinching the graph. Results not guaranteed!

Some graphs to try

The grapher will accept any of the following functions (use the notation shown). You can copy from the examples below if you wish.

  • Straight lines: (like 3x - 2)
  • Polynomials: (like x^3 + 3x^2 - 5x + 2)
  • Any of the trigonometric functions: sin(x), cos(x/2), tan(2x), csc(3x), sec(x/4), cot(x)
  • The inverse trigonometric functions: arcsin(x), arccos(x), arctan(x), arccsc(x), arcsec(x), arccot(x)
  • Exponential (e^x) and logarithm (ln(x) for natural log and log(x) for log base 10)
  • Absolute value: use "abs" like this: abs(x)
  • The hyperbolic functions and their inverses: sinh(x), cosh(x), tanh(x), arcsinh(x), arccosh(x), arctanh(x)
  • Sign (1 if the sign is positive, −1 if the sign of the function is negative.) For example, try sign(sin(x))

In fact, you can use most of the javascript math functions, including

  • ceiling: ceil(x) and round: round(x)
  • square root: sqrt(x)

You can also use any combinations of the above, like ln(abs(x)).

If your graph doesn't work: Try using brackets! For example, "tan 2x" won't work. You have to put tan(2x).

More Information

The above graph is not an image (that is, it's not a .GIF, .JPG or .PNG). It is a javascript-based graph. That's why we can change it so easily and not wait for an image to be created.

For more information, see:

JSXGraph: interactive javascript graphs

Credits to:

  • The developers of JSXGraph: A "small team" at the University of Bayreuth, Germany.
  • David Lippman, for mathjs.js script, which converts "nice" math to javascript math, behind the scenes.

Tips, tricks, lessons, and tutoring to help reduce test anxiety and move to the top of the class.