Last modified by Anna Paul-Hasenfuss on 10.05.2025

Show last authors
1 {{section}}
2 {{column width="60%"}}
3 This section presents some application examples for JSXGraph objects. It explains the implementation step by step and provides illustrations.
4 {{/column}}
5
6 {{column width="30%"}}
7 {{panel title="Related Topics"}}
8 * [[Integrating JSXGraph Objects>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.WebHome]]
9 * [[Using Variables>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Variablen verwenden.WebHome]]
10 * [[Text Entry Interaction>>doc:ONYX.Erstellung von Testinhalten.Aufgabentypen.Lückentextaufgabe.WebHome]]
11 {{/panel}}
12 {{/column}}
13 {{/section}}
14
15 |(% style="width:656px" %)(((
16 === Example: “Points in a coordinate system” - How to transfer variable values to JSXGraph objects ===
17
18 This example shows how values of task variables can be passed to a JSXGraph object. Here, the value is used to display a point in the coordinate system.
19
20 [[Open example>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome]]
21 )))|(% style="width:693px" %)(((
22 (% class="content-wrapper" %)
23 (((
24 [[image:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome@Beispiel1 Vorschau der Aufgabe_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
25 )))
26 )))
27 |(% style="width:656px" %)(((
28 === Example:  “Intersection x-axis” - How to use learner responses with JSXGraph objects ===
29
30 In this example, the user response to a gap is transferred to the JSXGraph object. The calculated solution of the zero entered by the user in the gap is displayed as a dot in the graph.
31
32 [[Open example>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]]
33 )))|(% style="width:693px" %)(((
34 (% class="content-wrapper" %)
35 (((
36 [[image:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome@Beispiel2 - Vorschau der Aufgabe_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
37 )))
38 )))
39 |(% style="width:656px" %)(((
40 === Example:  “Intersection x-axis II” - How to evaluate learner responses with JSXGraph objects ===
41
42 This extended example shows the evaluation of a user action in the JSX object and transfer to an ONYX gap. The learner has to mark a point in the graphic, which can then be transferred to a gap to be evaluated.
43
44
45 [[Open example>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]]
46 )))|(% style="width:693px" %)(((
47
48
49 [[image:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome@Beispiel3 - Vorschau der Aufgabe_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
50 )))