JSXGraph test

Template for JSXGraph

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.7/jsxgraphcore.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.7/jsxgraph.css">
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

const board = JXG.JSXGraph.initBoard('jxgbox', { 
    boundingbox: [-2, 8, 8, -2], axis:true });
var A = board.create('point',[7,0], {name:'A',size:2, fixed:true, visible:false});
var B = board.create('point',[0,5], {name:'B',size:2, fixed:true, visible:false});
var l1 = board.create('segment',[[0,0],"A"], {strokeColor:'blue',strokeWidth:2});
var l2 = board.create('line',[[0,0],"B"], {strokeColor:'blue',strokeWidth:2});
var P = board.create('glider', [2, 0, l1]);
var c1 = board.create('circle', [P, 6],{strokeColor:'grey', strokeWidth:1, visible:false});
var Q = board.create('intersection', [c1, l2, 0]);
var s1 = board.create('segment', [P, Q], {strokeColor:'green', strokeWidth:3});
var R = board.create('glider', [1, 3, s1], {name:'R', trace:true});
curve = board.create('tracecurve', [P, R]);