var board = JXG.JSXGraph.initBoard('box1', {
boundingbox: [-10, 10, 10, -10],showNavigation:false, showcopyright: false, axis: false,
});
var p1 = board.create('point', [-5.5, 2.0],{name:'O',face:'',label:{offset:[-20,0]}});
var c1 = board.create('circle', [p1, 4],);
var p2 = board.create('point', [6.0, 1.5],{face:'',label:{offset:[-5,10]} });
var t1 = board.create('tangent', [c1,p2], {visible:false});
var i1 = board.create('intersection', [c1,t1,0],{face:'',label:{offset:[-2,10]}});
var i2 = board.create('intersection', [c1,t1,1],{face:'',label:{offset:[-5,-10]}});
var t2 = board.create('tangent', [c1,i1]);
var t3 = board.create('tangent', [c1,i2]);
var l1 = board.create('segment', [p1, p2]);
var perp1 = board.create('perpendicularsegment', [t2, p1],{color:'blue'});
var perp2 = board.create('perpendicularsegment', [t3, p1],{color:'blue'});
var a1 = board.create('angle', [p1, i1, p2],{radius:1,name:' '});
var a1 = board.create('angle', [p2, i2, p1],{radius:1,name:' '});