JSFiddle - React, Tailwind, and code Playground

by fareycircles

HTML

<script src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css">
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

const board = JXG.JSXGraph.initBoard('jxgbox', { 
    boundingbox: [-5, 5, 5, -5], axis:false
});

const view = board.create('view3d',
    [[-3,-3], [6,6], [[-4,4], [-4,4], [-4,4]]],
    {xAxis: { strokeColor: 'red'}})

view.hide()