JSXGraph

JSXGraph is a cross-browser JavaScript library for interactive geometry, function plotting, charting, and data visualization in the web browser. This is a plugin for Moodle to enable function plotting and dynamic geometry constructions with JSXGraph within a Moodle platform. Using the JSXGraph filter makes it a lot easier to embed JSXGraph constructions into Moodle online documents, e.g. in contents like page, quiz, link,…
About JSXGraph
JSXGraph is a cross-browser JavaScript library for interactive geometry, function plotting, charting, and data visualization in the web browser. JSXGraph is implemented in pure JavaScript and does not rely on any other library. Special care has been taken to optimize the performance.
Have a look at jsxgraph.org .
Features
Open source
High-performance, small footprint
No dependencies
Multi-touch support
Our filter
This is a plugin for  Moodle  to enable function plotting and dynamic geometry constructions with  JSXGraph  within a Moodle platform. Using the  JSXGraph  filter makes it a lot easier to embed  JSXGraph  constructions into Moodle online documents, e.g. in contents like page, quiz, link,…
Usage
In a Moodle course you can add a board to different types of content, i.e.:  Page ,  Link ,  Quiz , …
At the position the construction should appear, create a construction by:
switching to the code input, i.e. to “HTML source editor” (*)
inserting a  <jsxgraph>  tag with all required parameters
Each  <div>  that contains a JSXGraph board needs a unique ID on the page. You can specify this ID within the tag (see  here ). Otherwise an ID is generated automatically. Reference it within the JavaScript using the constant  BOARDID .
(*) Important notice:
Please note that some Moodle editors remove the  <jsxgraph> tag when saving. As a result, the construction may not be displayed correctly or at all. You should therefore always use the “Plain text editor”.
Example: