How to setup

When we prepare JSX construction it is most convenient to prepare it locally. For that we have to create some file (eg. example.htm), copy paste template provided below and we can start constructing. After we save the program, we can open it in our favorite browser (Firefox, Chrome, etc). We can repeat the following: edit the file, save it and refresh it ((F5) in a browser) until we're satisfied with result.

Basic template for building and testing is below 

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>JSXGraph template</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <link href="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js" type="text/javascript" charset="UTF-8"></script>
    <!-- The next line is optional: MathJax -->
    <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" id="MathJax-script" async></script>
  </head>
  <body>

  <div id="jxgbox" class="jxgbox" style="width:500px; height:200px;"></div>

  <script>
    var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 2, 5, -2]});
  </script>

  </body>
</html>

These scripts are all downloaded from the internet, therefore we need an constant internet connection.