arrows

HTML

<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id='box' class='jxgbox'></div>

CSS

#box {
    width:500px;
    height:500px;
}

JavaScript

var brd=JXG.JSXGraph.initBoard('box', {zoom:true, axis:true, boundingbox: [-15, 15, 15, -15]});

brd.create('arrow', [[-1, 1], [3, 3]]);

brd.create('segment', [[-4, 4], [2, -2]], {firstArrow: true});

f = function (x) {
			return 1 * Math.pow((x), 2) + 4 * x + 3
			}
brd.create('functiongraph', [f], {visible: true, firstArrow:true,lastArrow:true, strokeOpacity:1.0, strokeWidth:3, dash:0, name: '', withLabel:false, highlight:false});