Dynamic Mathematics with JavaScript

Minimal example

<!doctype html>
<html lang="en">
    <meta charset="UTF-8">
    <title>JSXGraph template</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <link href="" rel="stylesheet" type="text/css" />
    <script src="" type="text/javascript" charset="UTF-8"></script>

    <!-- The next line is optional: load MathJax -->
    <script src="" id="MathJax-script" async></script>

  <div id="jxgbox" class="jxgbox" style="width:500px; height:200px;"></div>

    var board = JXG.JSXGraph.initBoard('jxgbox', {
            boundingbox: [-5, 2, 5, -2],
    var fun = board.create('functiongraph', ['sin(x)']);


See it in action at

API reference and examples

All objects of JSXGraph use the namespace JXG. Beside JXG there are no global variables.

Webinar: advanced JSXGraph programming

  • Notes from the online workshop in fall 2020 and spring 2021
  • For announcements of the next webinar sessions see JSXGraph forum at Google groups
  • Next webinar: October during the JSXGraph conference

Previous webinar sessions:

1st international JSXGraph conference

The 1st international JSXGraph conference was held online in October 2020.

2nd international JSXGraph conference (2021)

October 5th - 7th, 2021, conference home page

3rd international JSXGraph conference (2022)

October 4th - 6th, 2022, conference home page

4th international JSXGraph conference (2023)

October 10th - 12th, 2023, conference home page


Coding help

Discussion of development and future direction of JSXGraph