Integrate JSXGraph Objects
ONYX supports the integration of JSXGraph objects.
JSXGraph is a JavaScript library that allows you the creation of interactive mathematical graphs and diagrams on the web. JSXGraph objects are the backbone of visualizations and can take various forms such as points, lines, circles and graphs of functions. Integrating JSXGraph objects supports a variety of mathematical and geometric constructions and facilitates the visualization of complex mathematical concepts.
Content
Related Topics
How to integrate JSXGraph objects in the editor
You can include JSXGraph objects in all areas where the HTML editor is available and the icon 
is visible.
To do this, open the task or test in which you want to add a JSXGraph object and click on the icon in the header of the HTML editor.
A dialog for editing the JSXGraph object opens, which already contains the JavaScript code for a sample object.
Replace this content with your own JSX code. If you need more information on creating JSXGraph objects, visit JSXGraph Projects or check some examples that can be found here How JSXGraph objects can be used - examples.
Once you click on the Finish button, you insert the object.
All inserted JSXGraph objects are marked with the icon in the HTML editor.
How to transfer variable values to JSXGraph objects
Onyx variables can be passed to JSXGraph objects. You can do this by using the variable name in the JavaScript code of the JSXGraph object. The Task example - Points in a coordinate system shows a simple way to do this.
How to use learner responses with JSXGraph objects
You can also use JSXGraph objects to display learner responses in object gaps or to evaluate user actions in the JSXGraph object, such as marking a point, as learner responses to a gap. Instructions for the implementation can be found in the following examples Task example: Intersection x-axis and Example task: Intersection x-axis II
Vorschau zum JSXGraph-Objekt
Eine vollständige Vorschau mit allen eventuell zusätzlichen Medieninhalten erhalten Sie durch Aufruf der Vorschau der erstellten Aufgabe bzw. des Tests.
Bestehendes JSXGraph-Objekt bearbeiten
Ein bereits eingebundenes JSX-Objekt können Sie wie folgt editieren:
Öffnen Sie die betreffende Aufgabe im Editor. Klicken Sie das Symbol für das JSXGraph-Objekt im Editorfeld an und wählen Sie anschließend die Schaltfläche zum Bearbeiten eines JSXGraph-Objektes in den Bearbeitungsoptionen aus.
Es öffnet sich der Dialog "JSX bearbeiten" und Sie können Ihre Anpassungen vornehmen. Mit Klick auf den Button Fertig im Dialog, werden die Änderungen gespeichert und übernommen.
JSXGraph-Objekt in einem PDF-Dokument
Bitte beachten Sie, dass ein JSXGraph-Element nicht in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
JSXGraph-Objekt in Auswertungsansichten
Die Auswertungsdokumente des Testversuches eines Lernenden zeigen die individuellen JSXGraph-Objekte an. In der Statistischen Auswertung jedoch kann das JSXGraph-Element nicht dargestellt werden. Es erscheint an dessen Stelle das allgemeine Icon .