Note

The plugin JSXGraph can be activated in every course room by the RWTHmoodle administrators. If you are interested in using JSXGraph, please contact the RWTHmoodle support in the IT-ServiceDesk. Please indicate the title and the LV number of the desired course.

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 RWTHmoodle to enable function plotting and dynamic geometry constructions with JSXGraph within RWTHmoodle. Using the JSXGraph filter makes it a lot easier to embed JSXGraph constructions into RWTHmoodle activities and resources, e.g. in pages, quizzes, books, ...

JSXGraph is a cross-browser JavaScript library for interactive geometry, function plotting, diagrams, and data visualization in the web browser. With this plugin, dynamic geometry constructions and function plotting are made possible in RWTHmoodle. Using JSXGraph, these graphs can be embedded much easier in Moodle activities and materials like pages, quizzes, books, etc.

JSXGraph is developed at the Lehrstuhl für Mathematik und ihre Didaktik University of Bayreuth, Germany.

Table of Contents

1. How JSXGraph works
2. Examples

1. How JSXGraph works
Users can use JSXGraph wherever the Moodle editor is available. To do this, click the button  in the editor's toolbar to switch to HTML view. In order for the JSXGraph part to be recognized and rendered as a graph, separators are needed to separate the JSXGraph part from the rest of the text. The separators that work in RWTHmoodle are:

    <jsxgraph> ... </jsxgraph> for inclusion in the HTML modus.
    [[jsxgraph]] ... [[/jsxgraph]] [Select and drag to move] in quizzes by using the question type "STACK".

For more detailed information, see this Moodle tutorial on using JSXGraph, currently available in English only.

2. Examples

The University of Bayreuth provides a collection of Code examples in the JSXGraph wiki. A smaller collection is available on the JSXGraph homepage. All examples are provided under the GNU Free Documentation License 1.2. The following example is a Plot of a Lotka-Volterra equation, taken from the JSXGraph homepage. The vales can be changed via the sliders so the visualization will change.

For more information: 

• JSXGraph documentation
• Homepage of the JSXGraph project
• JSXGraph wiki of the University of Bayreuth
• Example collection in the JSXGraph wiki
• Example collection of the JSXGraph homepage
• Use JSXGraph notation