Skip to content

JSXGraph filter

mkraska edited this page Dec 3, 2022 · 2 revisions

Generic JSXGraph applets can be created anywhere where HTML text can be placed.

  • The ID (box) in the jsxgraph html tag must match the ID given in the board constructor
  • The size and the coordinate limits are independent.

Code template

<jsxgraph width="400" height="240" box="jxgbox"> 
(function() {
// here comes your code
  const board = JXG.JSXGraph.initBoard('jxgbox', {
    boundingbox: [-6.5, 3, 3.5, -3]
  });

})();
</jsxgraph>

Tryout Space

In order to try code snippets in jsfiddle,

  1. copy the code from the wiki page to the clipboard
  2. follow the link for the JSXGraph version you want to try
  3. Replace the code in the HTML section (contents of <p hidden id="init">) with the content of the clipboard
Clone this wiki locally