JSX Graph Example

Reference: http://jsxgraph.uni-bayreuth.de/wp/

HTML

<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<div id="jsxgbox" class="jxgbox" style="width:500px; height:500px;">
    </div

JavaScript

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

 var p1 = board.create('point', [0, 3]);
  var p2 = board.create('point', [0, 0]);
  var p2 = board.create('point', [0, 1]);
  var p2 = board.create('point', [1, 0]);
  var p2 = board.create('point', [1, 1]);
  var l1 = board.create('axis', [p1, p2]);
  var t = board.create('hatch', [l1, 3]);