jsxgraph | Interactive Geometry , plotting , visualization , svn repo | Data Visualization library

I have created a Moodle Formulas questions in the field of kinematics with two boards. While I managed to get simpler questions with only one board to work flawlessly, the problem with this question is that the bound values are not inserted into formula's input entry fields. Consequently, the student cannot submit an answer because, effectively, nothing has been filled out. The rest of the question works though, as can be seen when the correct answers are filled in the question's preview.

I provide a Moodle XML file to make it easier to reproduce the problem: questions_formulas_JSXGraph_2boards.xml
You need a current version of Moodle with JSXGraph filter and question type Formulas installed.

The main JSXGraph code is this:

I would like to have two graphs, a x(t)-graph and a v(t)-graph. Students shall be able to move some points around in the v(t)-graph. At the same time, gliders in the x(t)-graph should be synchronized such that their time coordinates are bound to the points in the v(t)-graph.

I have got most of it working, see jsfiddle. The x(t)-graph, however, only updates when some element in it is touched. But I would like the gliders to move together with the points in the v(t)-graph. Is this possible?

HTML code:

I use JSXGraph in Moodle and would like to render text with MathJax. Could someone provide an example of how this can be done? I have tried all kinds of combinations I could think of based on these sources: https://jsxgraph.org/wiki/index.php/Using_MathJax
https://jsxgraph.org/docs/symbols/Text.html#useMathJax

I tried my best to copy this example here from the JSXGraph website: https://jsxgraph.uni-bayreuth.de/wiki/index.php/Using_CSS_styles

Here's the abbreviated HTML:

I can see on https://jsxgraph.uni-bayreuth.de/docs/symbols/Integral.html that the value of the integral is displayed as part of the integral object created.

Can someone please tell me how to access this value (or the text object which is displayed as the label)? I did not find this information in the documentation.

I am aware of the similar question: How to access value of integral with JSXGraph?. Please do not mark my question as a duplicate unless you answer that other question. The answer there is not really an answer. It tells how to use numerical integration to find this value (so practically tells to calculate the integral again). It does not tell how to access the value without this redundant calculation. The integral is already calculated and displayed, I would like to know how to access this information without calculating it again.

The problem is how to make an arc draggable. hasInnerPoints:true doesn't seem to do the job.

Using a group I can use the centerpoint to drag the arc around while still being able to change the radius and angle.

As you see when executing the script, the straight vectors can be dragged around using the blue line as handle. I want this also for the curved arrows.

I have a JSXGraph project in which I created a point (A) on the x.axis and a line that is perpendicular to the x-axis and runs through (A). When moving (A) the line should follow the point. That worked fine so far.
However at the press of a button I would like to remove the line and the point and free the variables that contained the line and the point.
Here is where my problem lies. After removing the point/line and freeing the variables the update() function still calls the function that was used to define the line, which results in an error, as the variable in the function no longer exists.
Any idea how to solve this problem?

Thanks!

Link to fiddle: https://jsfiddle.net/t9rcva1x/1/

There are several javascript libraries which render svg images on the client side.

Example

JSXGraph

Screenshot

It's easy to make a screenshot of the svg image but is it possible to download the image as a svg file from the client side?

A possible workaround

On the server side it is possible, so maybe by downloading the page and modifying the source code (add var svg = new XMLSerializer().serializeToString(board.renderer.svgRoot); and FileSaverJS) it can be done?! Isn't there an easier solution?

In the default board axes (eg. https://jsfiddle.net/dr63zumf/1/), screenshot and code below, how can I change the thickness or width of the gridlines to make them thicker? There doesn't seem to be an option for this in the documentation.

Thanks,

Rob