{"id":4873,"date":"2026-04-21T07:49:32","date_gmt":"2026-04-21T05:49:32","guid":{"rendered":"https:\/\/portal.edu.gva.es\/aules\/?p=4873"},"modified":"2026-06-05T13:45:07","modified_gmt":"2026-06-05T11:45:07","slug":"plugin-jsxgraph","status":"publish","type":"post","link":"https:\/\/portal.edu.gva.es\/aules\/es\/plugin-jsxgraph\/","title":{"rendered":"Plugin JSXGraph"},"content":{"rendered":"\n

JSXGraph es una librer\u00eda JavaScript que permite insertar construcciones geom\u00e9tricas interactivas, trazar funciones matem\u00e1ticas, generar gr\u00e1ficos y visualizar datos en cualquier recurso de texto (p\u00e1ginas, etiquetas, preguntas de cuestionario, etc.), sin necesidad de instalar ning\u00fan software adicional.<\/p>\n\n\n\n

\n
\ud83d\udccc  Nota t\u00e9cnica<\/strong>: Evitar el editor TinyMCE y usar preferiblemente el editor de texto plano para evitar que Moodle modifique el c\u00f3digo al guardar.

\ud83d\udca1  Consejo de uso<\/strong>
Aunque su uso m\u00e1s habitual es en Matem\u00e1ticas y F\u00edsica, JSXGraph puede emplearse en cualquier \u00e1rea donde se necesite comunicar informaci\u00f3n de forma gr\u00e1fica e interactiva.
<\/pre>\n<\/blockquote>\n\n\n
\n
\n
\"\"
Con este modelo interactivo los par\u00e1metros a, b, c se pueden cambiar arrastrando los deslizadores<\/strong>.<\/mark><\/figcaption><\/figure><\/div>\n<\/div>\n\n\n
El c\u00f3digo utilizado se especifica a continuaci\u00f3n:<\/strong><\/p>\n\n\n\n
<jsxgraph width=\"500\" height=\"500\" box=\"mybox\"> \n\nJXG.Options.slider.snapValues = [-5, -2, -1, 0, 1, 2, 5];\nJXG.Options.slider.snapValueDistance = 0.2;\n\nconst board = JXG.JSXGraph.initBoard(BOARDID, { boundingbox: [-10, 10, 10, -10], axis: true });\n\nvar a = board.create('slider', [[2, -5], [7, -5], [-5, 1, 5]], { name: 'a' });\nvar b = board.create('slider', [[2, -6], [7, -6], [-5, 0, 5]], { name: 'b' });\nvar c = board.create('slider', [[2, -7], [7, -7], [-5, 0, 5]], { name: 'c' });\n\nvar f = board.create('functiongraph', [(x) => a.Value() * x * x + b.Value() * x + c.Value()]);\n\nvar txt = board.create('text', [-9, -5,\n       () => JXG.Math.Numerics.generatePolynomialTerm([c.Value(), b.Value(), a.Value()], 2, 'x', 2)\n], { fontSize: 18 });\n \n<\/jsxgraph> <\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
\n\n\n\n
\n
\ud83d\udca1<\/strong> Consejo de productividad<\/strong>
Se tienen a disposici\u00f3n ejemplos exportables listos para pegar en Moodle, lo que permite reutilizar construcciones sin necesidad de escribir el c\u00f3digo desde cero.
\ud83d\udd17 Enlace:<\/strong>
Biblioteca de ejemplos exportables: <\/strong>https:\/\/jsxgraph.org\/share<\/strong><\/a><\/pre>\n\n\n\n
\ud83d\udca1<\/strong>\u00bfSab\u00edas que puedes combinar JSXGraph <\/strong>y STACK <\/strong>en Aules?\ud83d\udca1<\/strong>
    Puedes crear preguntas matem\u00e1ticas interactivas donde el estudiante arrastra elementos en un gr\u00e1fico y STACK eval\u00faa su respuesta autom\u00e1ticamente.

\ud83d\udccc\ud83d\udcc4  PDF:<\/strong>
En esta gu\u00eda encontrar\u00e1s informaci\u00f3n m\u00e1s detallada sobre el uso de JSXGraph en Aules, algunos ejemplos pr\u00e1cticos para que los puedas aplicar y la soluci\u00f3n a algunos problemas frecuentes. \u00a1Click aqu\u00ed!<\/a><\/strong><\/pre>\n<\/blockquote>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
JSXGraph es una librer\u00eda JavaScript que permite insertar construcciones geom\u00e9tricas interactivas, trazar funciones matem\u00e1ticas, generar gr\u00e1ficos y visualizar datos en cualquier recurso de texto (p\u00e1ginas, etiquetas, preguntas de cuestionario, etc.), sin necesidad de instalar ning\u00fan software adicional. \ud83d\udccc  Nota t\u00e9cnica: Evitar el editor TinyMCE y usar preferiblemente el editor de texto plano para evitar que … Llegir m\u00e9s \/ leer m\u00e1s<\/a><\/p>\n","protected":false},"author":71408,"featured_media":706,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,387],"tags":[546,576,590,468],"class_list":["post-4873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-avisos-es","category-recursos","tag-graficos","tag-jsxgraph","tag-matematicas","tag-plugin","no-featured-image-padding"],"lang":"es","translations":{"es":4873,"va":4874},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/4873"}],"collection":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/users\/71408"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/comments?post=4873"}],"version-history":[{"count":1,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/4873\/revisions"}],"predecessor-version":[{"id":5003,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/4873\/revisions\/5003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media\/706"}],"wp:attachment":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media?parent=4873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/categories?post=4873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/tags?post=4873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}