animations

HTML

<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id='box' class='jxgbox'></div>

CSS

#box {
    width:500px;
    height:500px;
}

JavaScript

var board = JXG.JSXGraph.initBoard('box', {axis: false, boundingbox: [-10, 10, 10, -10], keepaspectratio: true});
        
var c1 = function (t) {
var f = 2*Math.PI/3000;
    if (t > 3000) {
        return NaN;
    }
    return [5*Math.cos(t*f), 5*Math.sin(t*f)];
};
        
var O = board.create('point', [0, 0], {visible: false});
var P = board.create('point', [5, 0], {visible: false});
var g = board.create('point', [5, 0], {visible: true});
        
var arc = board.create('arc', [O, P, g]);
        
g.moveAlong(c1, 3000);