JSXGraph és una llibreria JavaScript que permet inserir construccions geomètriques interactives, traçar funcions matemàtiques, generar gràfics i visualitzar dades en qualsevol recurs de text (pàgines, etiquetes, preguntes de qüestionari, etc.), sense necessitat d’instal·lar cap programari addicional.
📌 Nota tècnica: Evitar l'editor TinyMCE i usar preferiblement l'editor de text pla per a evitar que Moodle modifique el codi en guardar.
💡 Consell d'ús
Encara que el seu ús més habitual és en Matemàtiques i Física, JSXGraph pot emprar-se en qualsevol àrea on es necessite comunicar informació de manera gràfica i interactiva.
El codi utilitzat s’especifica a continuació:
JXG.Options.slider.snapValues = [-5, -2, -1, 0, 1, 2, 5];
JXG.Options.slider.snapValueDistance = 0.2;
const board = JXG.JSXGraph.initBoard(BOARDID, { boundingbox: [-10, 10, 10, -10], axis: true });
var a = board.create('slider', [[2, -5], [7, -5], [-5, 1, 5]], { name: 'a' });
var b = board.create('slider', [[2, -6], [7, -6], [-5, 0, 5]], { name: 'b' });
var c = board.create('slider', [[2, -7], [7, -7], [-5, 0, 5]], { name: 'c' });
var f = board.create('functiongraph', [(x) => a.Value() * x * x + b.Value() * x + c.Value()]);
var txt = board.create('text', [-9, -5,
() => JXG.Math.Numerics.generatePolynomialTerm([c.Value(), b.Value(), a.Value()], 2, 'x', 2)
], { fontSize: 18 });
💡 Consell de productivitat
Es tenen a disposició exemples exportables llestos per a pegar en Moodle, la qual cosa permet reutilitzar construccions sense necessitat d'escriure el codi des de zero.
🔗 Enllaç:
Biblioteca d'exemples exportables: https://jsxgraph.org/share💡Sabies que pots combinar JSXGraph i STACK en Aules?💡
Pots crear preguntes matemàtiques interactives on l'estudiant arrossega elements en un gràfic i STACK avalua la seua resposta automàticament.
📌📄 PDF:
En esta guia trobaràs informació més detallada sobre l'ús de JSXGraph en Aules, alguns exemples pràctics perquè els pugues aplicar i la solució a alguns problemes freqüents. Clic ací!