JSFiddle - React, Tailwind, and code Playground

by migerh

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="jxgbox" class="jxgbox" style="width:500px; height:500px;"></div>

JavaScript

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

var A = board.create('point', [-2, -3]),
    B = board.create('point', [-3, 4]),
    C = board.create('point', [5, 0]),
    pol = board.create('polygon', [A, B, C], {borders: {colors: ['red']}});