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

JSXGraph \u00e9s una llibreria JavaScript que permet inserir construccions geom\u00e8triques interactives, tra\u00e7ar funcions matem\u00e0tiques, generar gr\u00e0fics i visualitzar dades en qualsevol recurs de text (p\u00e0gines, etiquetes, preguntes de q\u00fcestionari, etc.), sense necessitat d’instal\u00b7lar cap programari addicional.<\/p>\n\n\n\n

\n
\ud83d\udccc  Nota t\u00e8cnica<\/strong>: Evitar l'editor TinyMCE i usar preferiblement l'editor de text pla per a evitar que Moodle modifique el codi en guardar.

\ud83d\udca1 Consell d'\u00fas<\/strong>
Encara que el seu \u00fas m\u00e9s habitual \u00e9s en Matem\u00e0tiques i F\u00edsica, JSXGraph pot emprar-se en qualsevol \u00e0rea on es necessite comunicar informaci\u00f3 de manera gr\u00e0fica i interactiva.
<\/pre>\n<\/blockquote>\n\n\n
\n
\n
\"\"
Amb este model interactiu els par\u00e0metres a, b, c es poden canviar arrossegant els deslizadores<\/strong>.<\/mark><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n
El codi utilitzat s’especifica a continuaci\u00f3:<\/strong><\/p>\n\n\n\n
 \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 <\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
\n\n\n\n
\n
\ud83d\udca1<\/strong> Consell de productivitat<\/strong>
Es tenen a disposici\u00f3 exemples exportables llestos per a pegar en Moodle, la qual cosa permet reutilitzar construccions sense necessitat d'escriure el codi des de zero.
\ud83d\udd17 Enlla\u00e7:<\/strong>
Biblioteca d'exemples exportables: <\/strong>https:\/\/jsxgraph.org\/share<\/strong><\/a><\/pre>\n\n\n\n
\ud83d\udca1<\/strong>Sabies que pots combinar JSXGraph <\/strong>i STACK <\/strong>en Aules?\ud83d\udca1<\/strong>
 Pots crear preguntes matem\u00e0tiques interactives on l'estudiant arrossega elements en un gr\u00e0fic i STACK avalua la seua resposta autom\u00e0ticament.

\ud83d\udccc\ud83d\udcc4 PDF:<\/strong>
En esta guia trobar\u00e0s informaci\u00f3 m\u00e9s detallada sobre l'\u00fas de JSXGraph en Aules, alguns exemples pr\u00e0ctics perqu\u00e8 els pugues aplicar i la soluci\u00f3 a alguns problemes freq\u00fcents. Clic ac\u00ed!<\/a><\/strong><\/pre>\n<\/blockquote>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
JSXGraph \u00e9s una llibreria JavaScript que permet inserir construccions geom\u00e8triques interactives, tra\u00e7ar funcions matem\u00e0tiques, generar gr\u00e0fics i visualitzar dades en qualsevol recurs de text (p\u00e0gines, etiquetes, preguntes de q\u00fcestionari, etc.), sense necessitat d’instal\u00b7lar cap programari addicional. \ud83d\udccc  Nota t\u00e8cnica: Evitar l’editor TinyMCE i usar preferiblement l’editor de text pla per a evitar que Moodle modifique … Llegir m\u00e9s \/ leer m\u00e1s<\/a><\/p>\n","protected":false},"author":71408,"featured_media":701,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,385],"tags":[466,548,574,592],"class_list":["post-4874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-avisos-va","category-recursos","tag-connector","tag-grafics","tag-jsxgraph","tag-matematiques","no-featured-image-padding"],"lang":"va","translations":{"va":4874,"es":4873},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/4874","targetHints":{"allow":["GET"]}}],"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=4874"}],"version-history":[{"count":2,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/4874\/revisions"}],"predecessor-version":[{"id":4880,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/4874\/revisions\/4880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media\/701"}],"wp:attachment":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media?parent=4874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/categories?post=4874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/tags?post=4874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}