Plugin JSXGraph

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.

Con este modelo interactivo **los parámetros a, b, c se pueden cambiar arrastrando los deslizadores**.

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í!