JSFiddle - React, Tailwind, and code Playground

by migerh

HTML

<div id='jxgbox' class='jxgbox' style='width:400px; height:400px;margin-left:auto; margin-right:auto;'>

<script type="text/javascript"
    src="http://jsxgraph.uni-bayreuth.de/~michael/jsxgui/JSXGraph/src/loadjsxgraph.js">
</script>

JavaScript

var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-10, -10, 10, 10]});

var axisX2 = board.create('line',[[0, -3], [10, -3]],{fixed:true});
var ticks2 = board.createElement('ticks', [axisX2,[-5, 0, 5]], {majorHeight: 5, drawLabels:true});

var axisX = board.create('line',[[0, 0], [10, 0]],{fixed:true});
var ticks = board.createElement('ticks', [axisX,2], {majorHeight: 5, drawLabels:true});