JSFiddle - React, Tailwind, and code Playground

by migerh

HTML

<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/~michael/jsxgui/JSXGraph/src/loadjsxgraph.js"></script>
<link type="text/css" rel="stylesheet" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css"></link>
<div id="jsxboard"><div>

CSS

#jsxboard {
  height:600px;
  width:600px;
  border:1px solid black;  
}

JavaScript

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

// making a curve via board.create()... this works as expected
myCurve = board.create('curve', [[1,2,NaN,3,4], [2,2,NaN,2,2]], {strokeColor: 'green'});

// using jessieScript to make the same curve a above... v0.96 draws extra lines from origin to curve at NaN
myJcCurve = board.jc.parse('c = curve([1,2,NaN,3,4],[1,1,NaN,1,1]);');
window.b = board;

// 0.96 seems to connect the origin (0,0) to any point where there's a NaN entered in the curve's array
// try changing the link from 0.96 to 0.95 to see the big difference