JSXGraph test

Template for JSXGraph

by PixelPipeline

HTML

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

JavaScript

const bound = 7;
const bounds = [-4, bound, bound, -bound];
const board = JXG.JSXGraph.initBoard('jxgbox', { 
  boundingBox: bounds,
  maxBoundingBox: bounds,
  showCopyright: false,
  axis:true,
  showZoom: false,
  showNavigation: false,
  pan: {
  	enabled: true,
    needShift: false,
  },
  zoom: {
    enabled: true, 
    factorX: 1.25, 
    factorY: 1.25, 
    wheel: true,   
    needShift: false,
    // min: 1,
    max: 10,    
    center: 'board',
  },
});