JSFiddle - React, Tailwind, and code Playground

by migerh

HTML

<script src="http://btmdxa.mat.uni-bayreuth.de/~michael/jsxgui/JSXGraph/src/loadjsxgraph.js"></script>
<div id="graph"></div>
<p>The document body has 2em of padding. Point A is highlighted only when the mouse is 2em below and to the right of it.</p>

CSS

body {
    padding: 2em;
}

#graph {
    width: 300px;
    height: 300px;
    border: 1px solid black;
}

JavaScript

var board = JXG.JSXGraph.initBoard('graph');
var point = board.create('point',[0,0]);