Images (mathematical notations) work very well inside jsxgraphs. For example

<link href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" rel="stylesheet" type="text/css" />

<script src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js" type="text/javascript"></script>

<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js" type="text/javascript"></script>

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

<script type="text/javascript">// <![CDATA[

var p1, p2, c, li,

board = JXG.JSXGraph.initBoard('jxgbox', {originX: 150, originY: 300, unitX: 25, unitY: 25});

var A = '(0,0)';

var B = '<img src="http://chart.apis.google.com/chart?cht=tx&chco=000000&chf=bg,s,FFFFFF00&chl=(%5Csqrt%7B2%7D+%2C%5Csqrt%7B2%7D+)" />';

p1 = board.createElement('point', [0, 0], {style:5,name:A,fillColor:'blue', shadow:true});

p2 = board.createElement('point', [1.4, 1.4], {style:5,name:B,fillColor:'blue', shadow:true});

c = board.createElement('circle',[A,B], {shadow:true});

li = board.createElement('line',[A,B], {shadow:true});

// ]]></script>

shows point A with google chart api tex and point B as pure text (tex filter or asciimathml can be used as well)

REALLY NICE to get all these combined!