Using MathJax in JSXGraph

Descriptive name for your fiddle.
Edit to suit. (Only available to the logged in author.)

Author: mbourne

board ID: The ID for the JSXGraph DIV.

If you change this, make sure it's the same ID in this line in the script: ...JXG.JSXGraph.initBoard('my_new_id',...

You can only change this if you're the author. max-width: px A number only. aspect-ratio: e.g. 1.5 for wide, 0.7 for thin
A number only. max_height: e.g. 95vh; or 300px

Best for phone is:
calc(100vh - 1.5em)

(needs units)

You can only change this if you're the author.

<div id="jxgbox" class="jxgbox"></div>

#jxgbox {
  max-width: 400px;
  aspect-ratio: 1;
  max_height: calc(100vh - 1.5em)
}

JSXGraph version: 1.12.0

You aren't the author of this fiddle, so clicking "run" will only update the graph, not save your changes.

To save your changes, make a fork of this fiddle.

Create a new version of this fiddle.
It's like "Save as..."

Save any recent changes (by clicking "Run") first.

Export a HTML page of this Fiddle from the current saved settings.

In the downloaded file, if you see console errors complaining about CORS policy, make sure you run the exported file from a localhost/ or an actual server.

Device size: full 360×800 412×915

In jxgFiddle, MathJax is automatically loaded if you set the following variable at the top of your code:

JXG.Options.text.useMathJax = true;

... Or, if your HTML has math (e.g. $$ ... $$), or if you have a math expression within JSXGraph, MathJax will automatically load.