<div id='boxa1a' class='jxgbox' style='width:350px; height:350px;margin:auto;margin-top:20px;margin-bottom:10px;'></div>
<script type='text/javascript'>
JXG.Options.axis.ticks.drawLabels = false;
var board = JXG.JSXGraph.initBoard('boxa1a', {boundingbox: [-1, 0.057, 10, -0.005], axis:true,showCopyright:false,showNavigation:false,pan: { enabled: false} } );
board.suspendUpdate();
var aq1 = board.create('point', [1, 0],{visible:false,fixed:true});
var bq1 = board.create('point', [3, 0],{visible:false,fixed:true});
var cq1 = board.create('point', [3, 0.004545454545455
],{visible:false,fixed:true});
var dq1 = board.create('point', [1, 0.004545454545455
],{visible:false,fixed:true});
var pq1 = board.create('polygon', [aq1, bq1, cq1, dq1], {borders: {strokeWidth:0},fillColor:'#8E1B77',fillOpacity:0.3,shadow:true });
var aq2 = board.create('point', [3, 0],{visible:false,fixed:true});
var bq2 = board.create('point', [4, 0],{visible:false,fixed:true});
var cq2 = board.create('point', [4, 0.013636363636364
],{visible:false,fixed:true});
var dq2 = board.create('point', [3, 0.013636363636364
],{visible:false,fixed:true});
var pq2 = board.create('polygon', [aq2, bq2, cq2, dq2], {borders: {strokeWidth:0},fillColor:'#DA2130',fillOpacity:0.3,shadow:true,fixed:true });
var aq3 = board.create('point', [4, 0],{visible:false,fixed:true});
var bq3 = board.create('point', [5, 0],{visible:false,fixed:true});
var cq3 = board.create('point', [5, 0.018181818181818
],{visible:false,fixed:true});
var dq3 = board.create('point', [4, 0.018181818181818
],{visible:false,fixed:true});
var pq3 = board.create('polygon', [aq3, bq3, cq3, dq3], {borders: {strokeWidth:0},fillColor:'#58FA82',fillOpacity:0.3,shadow:true,fixed:true });
var aq4 = board.create('point', [5, 0],{visible:false,fixed:true});
var bq4 = board.create('point', [5.5, 0],{visible:false,fixed:true});
var cq4 = board.create('point', [5.5, 0.054545454545455
],{visible:false,fixed:true});
var dq4 = board.create('point', [5, 0.054545454545455
],{visible:false,fixed:true});
var pq4 = board.create('polygon', [aq4, bq4, cq4, dq4], {borders: {strokeWidth:0},fillColor:'#5858FA',fillOpacity:0.3,shadow:true,fixed:true });
var aq5 = board.create('point', [5.5, 0],{visible:false,fixed:true});
var bq5 = board.create('point', [6.5, 0],{visible:false,fixed:true});
var cq5 = board.create('point', [6.5, 0.022727272727273
],{visible:false,fixed:true});
var dq5 = board.create('point', [5.5, 0.022727272727273
],{visible:false,fixed:true});
var pq5 = board.create('polygon', [aq5, bq5, cq5, dq5], {borders: {strokeWidth:0},fillColor:'#6E6E6E',fillOpacity:0.3,shadow:true,fixed:true });
var aq6 = board.create('point', [6.5, 0],{visible:false,fixed:true});
var bq6 = board.create('point', [8.5, 0],{visible:false,fixed:true});
var cq6 = board.create('point', [8.5, 0.004545454545455
],{visible:false,fixed:true});
var dq6 = board.create('point', [6.5, 0.004545454545455
],{visible:false,fixed:true});
var pq6 = board.create('polygon', [aq6, bq6, cq6, dq6], {borders: {strokeWidth:0},fillColor:'#AEB404',fillOpacity:0.3,shadow:true,fixed:true });
board.create('text',[1.4,-0.0017,'[120;140['],{fixed:true,fontSize:7});
board.create('text',[3.00,-0.0017,'[140;150['],{fixed:true,fontSize:7});
board.create('text',[4.00,-0.0017,'[150;160['],{fixed:true,fontSize:7});
board.create('text',[5.00,-0.0027,'[160;165['],{fixed:true,fontSize:7});
board.create('text',[5.55,-0.0012,'[165;175['],{fixed:true,fontSize:7});
board.create('text',[7.00,-0.0017,'[175;195['],{fixed:true,fontSize:7});
board.create('text',[1.4,0.00555,'0,00455'],{fixed:true,fontSize:7});
board.create('text',[3.00,0.01464,'0,01364'],{fixed:true,fontSize:7});
board.create('text',[4.00,0.01918,'0,01818'],{fixed:true,fontSize:7});
board.create('text',[5.00,0.05555,'0,05455'],{fixed:true,fontSize:7});
board.create('text',[5.55,0.02272,'0,02272'],{fixed:true,fontSize:7});
board.create('text',[7.00,0.00555,'0,00455'],{fixed:true,fontSize:7});
board.unsuspendUpdate();
</script>