JSXGraph es una librería JavaScript que permite insertar construcciones geométricas interactivas, trazar funciones matemáticas, generar gráficos y visualizar datos en cualquier recurso de texto (páginas, etiquetas, preguntas de cuestionario, etc.), sin necesidad de instalar ningún software adicional.
📌 Nota técnica: Evitar el editor TinyMCE y usar preferiblemente el editor de texto plano para evitar que Moodle modifique el código al guardar.
💡 Consejo de uso
Aunque su uso más habitual es en Matemáticas y Física, JSXGraph puede emplearse en cualquier área donde se necesite comunicar información de forma gráfica e interactiva.
El código utilizado se especifica a continuación:
<jsxgraph width="500" height="500" box="mybox">
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 });
</jsxgraph> 💡 Consejo de productividad
Se tienen a disposición ejemplos exportables listos para pegar en Moodle, lo que permite reutilizar construcciones sin necesidad de escribir el código desde cero.
🔗 Enlace:
Biblioteca de ejemplos exportables: https://jsxgraph.org/share💡¿Sabías que puedes combinar JSXGraph y STACK en Aules?💡
Puedes crear preguntas matemáticas interactivas donde el estudiante arrastra elementos en un gráfico y STACK evalúa su respuesta automáticamente.
📌📄 PDF:
En esta guía encontrarás información más detallada sobre el uso de JSXGraph en Aules, algunos ejemplos prácticos para que los puedas aplicar y la solución a algunos problemas frecuentes. ¡Click aquí!
