Géométrie dans l'espace

Cube

<div id='bb1' class='jxgbox' style='width:350px; height:350px;margin:auto;margin-top:20px;margin-bottom:40px;'></div> 
<script> 
var brdqu = JXG.JSXGraph.initBoard('bb1', {boundingbox: [0, 6.5, 7.5, 0], showCopyright:false, shownavigation: false,grid:false,pan:{enabled:false}}); 
var pA = brdqu.create('point',[2.5,2.0],{fixed:true,name:'A',label:{offset:[-3,-15]},strokeColor:'black',fillColor:'black'});
var pB = brdqu.create('point',[0.5,0.5],{fixed:true,name:'B',label:{offset:[-15,-10]},strokeColor:'black',fillColor:'black'});
var pC = brdqu.create('point',[4.5,0.5],{fixed:true,name:'C',label:{offset:[15,-10]},strokeColor:'black',fillColor:'black'});
var pD = brdqu.create('point',[6.5,2.0],{fixed:true,name:'D',label:{offset:[15,0]},strokeColor:'black',fillColor:'black'});
var pE = brdqu.create('point',[2.5,6.0],{fixed:true,name:'E',label:{offset:[-18,0]},strokeColor:'black',fillColor:'black'});
var pF = brdqu.create('point',[0.5,4.5],{fixed:true,name:'F',label:{offset:[-15,0]},strokeColor:'black',fillColor:'black'});
var pG = brdqu.create('point',[4.5,4.5],{fixed:true,name:'G',label:{offset:[15,0]},strokeColor:'black',fillColor:'black'});
var pH = brdqu.create('point',[6.5,6.0],{fixed:true,name:'H',label:{offset:[15,0]},strokeColor:'black',fillColor:'black'});
var aAB = brdqu.create('segment',[pA,pB],{strokeColor:'black',strokeWidth:1,dash:2});
var aAD = brdqu.create('segment',[pA,pD],{strokeColor:'black',strokeWidth:1,dash:2});
var aAE = brdqu.create('segment',[pA,pE],{strokeColor:'black',strokeWidth:1,dash:2});
var aBC = brdqu.create('segment',[pB,pC],{strokeColor:'black',strokeWidth:1,dash:0});
var aBF = brdqu.create('segment',[pB,pF],{strokeColor:'black',strokeWidth:1,dash:0});
var aCG = brdqu.create('segment',[pC,pG],{strokeColor:'black',strokeWidth:1,dash:0});
var aCD = brdqu.create('segment',[pC,pD],{strokeColor:'black',strokeWidth:1,dash:0});
var aDH = brdqu.create('segment',[pD,pH],{strokeColor:'black',strokeWidth:1,dash:0});
var aFG = brdqu.create('segment',[pF,pG],{strokeColor:'black',strokeWidth:1,dash:0});
var aFE = brdqu.create('segment',[pF,pE],{strokeColor:'black',strokeWidth:1,dash:0});
var aHG = brdqu.create('segment',[pH,pG],{strokeColor:'black',strokeWidth:1,dash:0});
var aHE = brdqu.create('segment',[pH,pE],{strokeColor:'black',strokeWidth:1,dash:0});
var pI = brdqu.create('midpoint',[pA,pB],{fixed:true,name:'I',label:{offset:[15,0]},strokeColor:'blue',fillColor:'blue'});
var pJ = brdqu.create('midpoint',[pE,pH],{fixed:true,name:'J',label:{offset:[0,13]},strokeColor:'blue',fillColor:'blue'});
var pK = brdqu.create('midpoint',[pC,pB],{fixed:true,name:'K',label:{offset:[0,-15]},strokeColor:'blue',fillColor:'blue'});
var pL = brdqu.create('midpoint',[pC,pG],{fixed:true,name:'L',label:{offset:[15,0]},strokeColor:'blue',fillColor:'blue'});
</script>

Cube / Plan

<div id='bb110' class='jxgbox' style='width:350px; height:350px;margin:auto;margin-top:20px;margin-bottom:40px;'></div> 
<script> 
var brdqu = JXG.JSXGraph.initBoard('bb110', {boundingbox: [0, 6.5, 7.5, 0], showCopyright:false, shownavigation: false,grid:false,pan:{enabled:false}}); 
var pA = brdqu.create('point',[2.5,2.0],{fixed:true,name:'A',label:{offset:[-3,-15]},strokeColor:'black',fillColor:'black'});
var pB = brdqu.create('point',[0.5,0.5],{fixed:true,name:'B',label:{offset:[-15,-10]},strokeColor:'black',fillColor:'black'});
var pC = brdqu.create('point',[4.5,0.5],{fixed:true,name:'C',label:{offset:[15,-10]},strokeColor:'black',fillColor:'black'});
var pD = brdqu.create('point',[6.5,2.0],{fixed:true,name:'D',label:{offset:[15,0]},strokeColor:'black',fillColor:'black'});
var pE = brdqu.create('point',[2.5,6.0],{fixed:true,name:'E',label:{offset:[-18,0]},strokeColor:'black',fillColor:'black'});
var pF = brdqu.create('point',[0.5,4.5],{fixed:true,name:'F',label:{offset:[-15,0]},strokeColor:'black',fillColor:'black'});
var pG = brdqu.create('point',[4.5,4.5],{fixed:true,name:'G',label:{offset:[15,0]},strokeColor:'black',fillColor:'black'});
var pH = brdqu.create('point',[6.5,6.0],{fixed:true,name:'H',label:{offset:[15,0]},strokeColor:'black',fillColor:'black'});
var aAB = brdqu.create('segment',[pA,pB],{strokeColor:'black',strokeWidth:1,dash:2});
var aAD = brdqu.create('segment',[pA,pD],{strokeColor:'black',strokeWidth:1,dash:2});
var aAE = brdqu.create('segment',[pA,pE],{strokeColor:'black',strokeWidth:1,dash:2});
var aBC = brdqu.create('segment',[pB,pC],{strokeColor:'black',strokeWidth:1,dash:0});
var aBF = brdqu.create('segment',[pB,pF],{strokeColor:'black',strokeWidth:1,dash:0});
var aCG = brdqu.create('segment',[pC,pG],{strokeColor:'black',strokeWidth:1,dash:0});
var aCD = brdqu.create('segment',[pC,pD],{strokeColor:'black',strokeWidth:1,dash:0});
var aDH = brdqu.create('segment',[pD,pH],{strokeColor:'black',strokeWidth:1,dash:0});
var aFG = brdqu.create('segment',[pF,pG],{strokeColor:'black',strokeWidth:1,dash:0});
var aFE = brdqu.create('segment',[pF,pE],{strokeColor:'black',strokeWidth:1,dash:0});
var aHG = brdqu.create('segment',[pH,pG],{strokeColor:'black',strokeWidth:1,dash:0});
var aHE = brdqu.create('segment',[pH,pE],{strokeColor:'black',strokeWidth:1,dash:0});
var pI = brdqu.create('midpoint',[pA,pB],{fixed:true,name:'I',label:{offset:[15,0]},strokeColor:'blue',fillColor:'blue',size:0.8});
var pJ = brdqu.create('midpoint',[pE,pH],{fixed:true,name:'J',label:{offset:[0,13]},strokeColor:'blue',fillColor:'blue',size:0.8});
var pK = brdqu.create('midpoint',[pC,pB],{fixed:true,name:'K',label:{offset:[0,-15]},strokeColor:'blue',fillColor:'blue',size:0.8});
var pL = brdqu.create('midpoint',[pC,pG],{fixed:true,name:'L',label:{offset:[15,0]},strokeColor:'blue',fillColor:'blue',size:0.8});
var pM = brdqu.create('midpoint',[pH,pG],{fixed:true,name:'',label:{offset:[15,0]},strokeColor:'blue',fillColor:'blue',size:0.8});
var pN = brdqu.create('midpoint',[pA,pE],{fixed:true,name:'',label:{offset:[15,0]},strokeColor:'blue',fillColor:'blue',size:0.8});
var pol = brdqu.create('polygon',[pI,pN,pJ,pM,pL,pK]);
var lFD = brdqu.create('line',[pF,pD],{dash:2,strokeWidth:1,strokeColor:'red'});
var pInt = brdqu.create('point',[3.50,3.25],{fixed:true,name:'M',label:{offset:[15,0]},strokeColor:'red',fillColor:'red',size:1.0});
</script>