Graphes pondérés

<div id="gr1" class='jxgbox' style="margin:auto;width: 350px; height: 350px;margin-top:20px;margin-bottom:15px;"></div> 
<script type="text/javascript"> 
var board1 = JXG.JSXGraph.initBoard('gr1', {boundingbox: [-10, 10, 10, -10], showcopyright: false, axes:true, shownavigation: false,grid:false,pan:{enabled:false}});

var a1 = board1.create('point',[-8,0],{name:'A',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var b1 = board1.create('point',[-6,4],{name:'B',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var c1 = board1.create('point',[-6,-5],{name:'C',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var d1 = board1.create('point',[0,0],{name:'D',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var e1 = board1.create('point',[0,6],{name:'E',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var f1 = board1.create('point',[3,-4],{name:'F',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var g1 = board1.create('point',[8,2],{name:'G',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})


board1.create('segment',[a1,b1],{strokeColor:'black'})
board1.create('segment',[a1,d1],{strokeColor:'black'})
board1.create('segment',[e1,b1],{strokeColor:'black'})
board1.create('segment',[e1,c1],{strokeColor:'black'})
board1.create('segment',[c1,f1],{strokeColor:'black'})
board1.create('segment',[c1,g1],{strokeColor:'black'})
board1.create('segment',[d1,g1],{strokeColor:'black'})
board1.create('segment',[e1,f1],{strokeColor:'black'})
board1.create('segment',[g1,b1],{strokeColor:'black'})
</script>

<div id="gr2" class='jxgbox' style="margin:auto;width: 350px; height: 350px;margin-top:10px;margin-bottom:10px;"></div> 
<script type="text/javascript"> 
var board2 = JXG.JSXGraph.initBoard('gr2', {boundingbox: [-10, 10, 10, -10], showcopyright: false, axes:true, shownavigation: false,grid:false,pan:{enabled:false}});

var a2 = board2.create('point',[-8,-8],{name:'H',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var b2 = board2.create('point',[-8,8],{name:'M',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var c2 = board2.create('point',[8,8],{name:'C',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})

var d2 = board2.create('point',[8,-8],{name:'U',size:12,label:{offset:[-5,0],fontSize:'10px'},fillOpacity:1,fillColor:'white',strokeColor:'black',fixed: true})




board2.create('segment',[a2,b2],{strokeColor:'black'})
board2.create('segment',[b2,c2],{strokeColor:'black'})
board2.create('segment',[c2,d2],{strokeColor:'black'})
board2.create('segment',[d2,a2],{strokeColor:'black'})
board2.create('segment',[b2,d2],{strokeColor:'black'})

board2.create('text',[-9,0,'7'],{fontSize:'10px',fixed:true})
board2.create('text',[0.5,0,'8'],{fontSize:'10px',fixed:true})
board2.create('text',[8.5,0,'9'],{fontSize:'10px',fixed:true})
board2.create('text',[-0,8.5,'14'],{fontSize:'10px',fixed:true})
board2.create('text',[0,-9,'11'],{fontSize:'10px',fixed:true})
</script>