{"version":3,"sources":["webpack:///./src/components/mathematics/Math7thGrade/quizBar/Lesson.vue","webpack:///./src/components/mathematics/Math7thGrade/quizBar/Boxes.js","webpack:///src/components/mathematics/Math7thGrade/quizBar/Lesson.vue","webpack:///./src/components/mathematics/Math7thGrade/quizBar/Lesson.vue?7743","webpack:///./src/components/mathematics/Math7thGrade/quizBar/Lesson.vue?a8c1","webpack:///./src/components/mathematics/Math7thGrade/quizBar/Lesson.vue?492b"],"names":["ref","staticClass","attrs","_c","_vm","_self","staticRenderFns","Boxes","box2","JXG","Options","board","minimizeReflow","brd2","createSpace","createAxes","placeLogo","makeResponsive","placeTitle","redo","placeStartOver","setAttribute","visible","placeBCircles","hide","placeCircles","checks","placeChecks","cross","placeCross","options","layer","image","highlight","point","showInfoBox","boundingBox","attr","boundingbox","height","console","log","type1","type2","type3","type4","type5","bulldog","doberman","greyhound","dalmatian","sharpei","charts","a","ini","removeObject","bd","i","create","opacity","fixed","setLabel","label","offset","CssStyle","fontSize","on","this","dm","j","gh","k","dmt","l","sp","m","Pt0","name","anchorX","Math","round","canvasWidth","snapToGrid","strokeColor","fillColor","Pt1","Pt2","Pt3","Pt4","f","Y","toFixed","fillOpacity","chartStyle","width","dir","test","placeTest","check","reload","placeShuffle","n","random","display","rotate","created","$store","commit","title","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","content","vmid","component"],"mappings":"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","file":"js/chunk-171b1414.3eb12170.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"what\"},[_vm._v(\"\\n    Bar Chart\\n  \")]),_vm._m(0),_c('h3',{ref:\"example\"},[_vm._v(\"\\n    Example of a Bar Chart\\n  \")]),_c('p',{staticClass:\"mt-2\"},[_vm._v(\"\\n    Imagine you are at a dog show. The show features dogs of a variety of breeds, e.g., 2 Bulldogs, 3 Dobermans, 4 Greyhounds, 1 Dalmatian, and 2 Shar-Peis.\\n    Below is a bar chart summarizing this data graphically. Shown on the horizontal axis is the breed of dogs.\\n    Shown on the vertical axis is number of dogs.\\n    Each bar represents a dog breed and the height of the bar is equal to the number of dogs of the breed that it represents.\\n    For example, the bar representing Dobermans has a height of 3 units, while the bar representing Greyhounds is 4 units tall.\\n  \")]),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n    MagicGraph | Test your knowledge of bar charts\\n  \")]),_c('br'),_c('h5',[_vm._v(\" Getting Started \")]),_vm._m(1),_c('h5',[_vm._v(\" Icons on the MagicGraph \")]),_vm._m(2),_c('br'),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"mt-2\"},[_vm._v(\"\\n    A bar chart is commonly used to represent the grouping of data into different categories.\\n    The categories could be something like an age group, months of the year, or geographical locations.\\n    In a bar chart (also known as a bar graph), the data is represented using a number of bars. Each bar represents a particular category or group.\\n    The height of a bar is proportional to the sum total of entries in the category it represents.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    Your goal is to create a bar chart that represents the number of dogs of different breeds. Drag and adjust the height of each bar until it matches the number of that breed of dog.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n    Tap on \"),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" button to shuffle.\\n    Tap on \"),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" button to test your answer.\\n    Tap on \"),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" button to go to the previous step.\\n  \")])\n}]\n\nexport { render, staticRenderFns }","import {\r\n  makeResponsive,\r\n  placeTitle,\r\n  placeImage,\r\n  placeInput,\r\n  placeSlider,\r\n  hoverMe,\r\n  placeRec,\r\n  hiddenPt,\r\n  fixedPt,\r\n  clearInputFields,\r\n  dragMe,\r\n  placeArrow,\r\n  placeGravity,\r\n  placeText,\r\n  placeMiddleText,\r\n  placeLine,\r\n  placePoint,\r\n  placeGlider,\r\n  placeRuler,\r\n  placeLeftText,\r\n  placeCircle,\r\n  placeAngle,\r\n  placeDash,\r\n  placeLabel,\r\n  placeRightText,\r\n//placePoint(board, positionX, positionY, size, cols1, cols2)\r\n//placeDash(board, Pt1, Pt2, width, cols)\r\n  placeArc,\r\n  placeLogo,\r\n  placeErase,\r\n  placeShuffle,\r\n  placeTest,\r\n  placeSeg,\r\n  setConfig,\r\n  placeStat,\r\n  placeTri,\r\n  shuffle,\r\n  placeEraseLeft,\r\n  placeTapeHori,\r\n  placeTapeVert,\r\n  placeSq,\r\n  placeBoldText,\r\n  placeRedo,\r\n  placeUndo,\r\n  placeBCircles,\r\n  placeCircles,\r\n  placeChecks,\r\n  placeCross,\r\n  placeWhite,\r\n  createSpace,\r\n  createAxes,\r\n  placeStartOver\r\n} from '../Utils';\r\nconst Boxes = {\r\n    box2: function () {\r\n  \tJXG.Options.board.minimizeReflow = 'none';\r\n    var brd2 = createSpace(-1, 11, -1, 11);\r\n    var ax = createAxes(brd2);\r\n    placeLogo(brd2);\r\n    makeResponsive(brd2);\r\n    //var bck =placeWhite(brd2);\r\n    //bck.setAttribute({opacity:0});\r\n    placeTitle(brd2,'Bar Chart', '');\r\n    var redo =placeStartOver(brd2);\r\n    redo.setAttribute({visible:false});\r\n    var show =placeBCircles(brd2);\r\n    var hide=placeCircles(brd2);\r\n    var checks = placeChecks(brd2);\r\n    var cross = placeCross(brd2);\r\n    hide[0].setAttribute({visible:false});\r\n    brd2.options.layer['image'] =14;\r\n    brd2.options.image.highlight=false;\r\n    brd2.options.point.highlight=false;\r\n    brd2.options.point.showInfoBox=false;\r\n    /////////////////////////////////////////////////\r\n    const boundingBox = brd2.attr.boundingbox;\r\n    const positionX = (boundingBox[2]+boundingBox[0])/2;\r\n    const positionY = (boundingBox[1]+boundingBox[3])/2;\r\n    const height = (boundingBox[1]-boundingBox[3])/2;\r\n    console.log(height);\r\n    ///////////////////////////////////////////////////////\r\n    var type1 = 2;\r\n    var type2 = 3;\r\n    var type3 = 4\r\n    var type4 = 1\r\n    var type5 = 2;\r\n    var dataArr=[type1, type2, type3, type4, type5];\r\n    var bulldog=[];\r\n    var doberman=[];\r\n    var greyhound=[];\r\n    var dalmatian=[];\r\n    var sharpei =[];\r\n    var charts=[];\r\n    var a=1;\r\n  //  var i=1, j=1, k=1, l=1, m=1;\r\n    var ini =function(){\r\n    brd2.removeObject(bulldog);\r\n    brd2.removeObject(doberman);\r\n    brd2.removeObject(greyhound);\r\n    brd2.removeObject(dalmatian);\r\n    brd2.removeObject(sharpei);\r\n    brd2.removeObject(charts);\r\n    }\r\n    var bd = function(){\r\n    for(let i=1;i<=type1;i++)\r\n     {\r\n     bulldog[i-1] =brd2.create('image', ['/assets/bulldog.svg', [0.55, 9.25-a*(i-1)],[0.9, 0.9]], {opacity:1, fixed:true});\r\n     bulldog[i-1].setLabel('Bulldog')\r\n     bulldog[i-1].label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n     bulldog[i-1].on('over', function () {this.label.setAttribute({visible:true});});\r\n     bulldog[i-1].on('out', function () {this.label.setAttribute({visible:false});});\r\n     }\r\n    }\r\n    var dm = function(){\r\n    for(let j=1;j<=type2;j++)\r\n     {\r\n     doberman[j-1] =brd2.create('image', ['/assets/doberman.svg', [1.55, 9.25-a*(j-1)],[0.9, 0.9]], {opacity:1, fixed:true});\r\n     doberman[j-1].setLabel('Doberman')\r\n     doberman[j-1].label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n     doberman[j-1].on('over', function () {this.label.setAttribute({visible:true});});\r\n     doberman[j-1].on('out', function () {this.label.setAttribute({visible:false});});\r\n     }\r\n    }\r\n    var gh = function(){\r\n    for(let k=1;k<=type3;k++)\r\n     {\r\n     greyhound[k-1] =brd2.create('image', ['/assets/greyhound.svg', [2.55, 9.25-a*(k-1)],[0.9, 0.9]], {opacity:1, fixed:true});\r\n     greyhound[k-1].setLabel('Greyhound')\r\n     greyhound[k-1].label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n     greyhound[k-1].on('over', function () {this.label.setAttribute({visible:true});});\r\n     greyhound[k-1].on('out', function () {this.label.setAttribute({visible:false});});\r\n     }\r\n    }\r\n    var dmt = function(){\r\n    for(let l=1;l<=type4;l++)\r\n     {\r\n     dalmatian[l-1] =brd2.create('image', ['/assets/dalmatian.svg', [3.55, 9.25-a*(l-1)],[0.9, 0.9]], {opacity:1, fixed:true});\r\n     dalmatian[l-1].setLabel('Dalmatian')\r\n     dalmatian[l-1].label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n     dalmatian[l-1].on('over', function () {this.label.setAttribute({visible:true});});\r\n     dalmatian[l-1].on('out', function () {this.label.setAttribute({visible:false});});\r\n     }\r\n    }\r\n    var sp = function(){\r\n    for(let m=1;m<=type5;m++)\r\n     {\r\n     sharpei[m-1] =brd2.create('image', ['/assets/shar-pei.svg', [4.55, 9.25-a*(m-1)],[0.9, 0.9]], {opacity:1, fixed:true});\r\n     sharpei[m-1].setLabel('Shar-pei')\r\n     sharpei[m-1].label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n     sharpei[m-1].on('over', function () {this.label.setAttribute({visible:true});});\r\n     sharpei[m-1].on('out', function () {this.label.setAttribute({visible:false});});\r\n     }\r\n    }\r\n    var Pt=[];\r\n    var Pt0 =brd2.create('point', [1, 0],{name:'Bulldog', label:{anchorX:'middle',CssStyle:'fontFamily:Oswald',offset:[0, 15], fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}}, snapToGrid:true, strokeColor:'black', fillColor:'yellow'});\r\n\r\n    var Pt1 =brd2.create('point', [2, 0],{name:'Doberman', label:{anchorX:'middle',CssStyle:'fontFamily:Oswald',offset:[0, 15], fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}}, snapToGrid:true, strokeColor:'black', fillColor:'yellow'});\r\n    var Pt2 =brd2.create('point', [3, 0],{name:'Greyhound', label:{anchorX:'middle',CssStyle:'fontFamily:Oswald',offset:[0, 15], fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}}, snapToGrid:true, strokeColor:'black', fillColor:'yellow'});\r\n    var Pt3 =brd2.create('point', [4, 0],{name:'Dalmatian', label:{anchorX:'middle',CssStyle:'fontFamily:Oswald',offset:[0, 15], fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}}, snapToGrid:true, strokeColor:'black', fillColor:'yellow'});\r\n    var Pt4 =brd2.create('point', [5, 0],{name:'Shar-pei', label:{anchorX:'middle',CssStyle:'fontFamily:Oswald',offset:[0, 15], fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}}, snapToGrid:true, strokeColor:'black', fillColor:'yellow'});\r\n    var f=[function(){return (Pt0.Y()).toFixed(2);}, function(){return (Pt1.Y()).toFixed(2);}, function(){return (Pt2.Y()).toFixed(2);}, function(){return (Pt3.Y()).toFixed(2);}, function(){return (Pt4.Y()).toFixed(2);}];\r\n    //var f =[Pt0.Y(), 5, 5, 5, 5];\r\n    brd2.create('chart', [f], {fillOpacity:1, anchorX:'left',chartStyle:'bar',width:1,dir:'vertical'});\r\n    var cht = function(){\r\n      charts[0] =brd2.create('chart', dataArr, {fillOpacity:1, anchorX:'left',chartStyle:'bar',labels:dataArr,width:1,dir:'vertical'});\r\n    }\r\n    bd(); dm();gh();dmt();sp();\r\n    //var test = brd2.create('image', ['/assets/puzzle.svg', [positionX+height-1.6,positionY-0.5-1.2],[1.2, 1.2]], {opacity:1, fixed:true});\r\n    var test = placeTest(brd2, 'bottom');\r\n    test.setLabel('Tap to Test')\r\n    test.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n    test.on('over', function () {this.label.setAttribute({visible:true});});\r\n    test.on('out', function () {this.label.setAttribute({visible:false});});\r\n    var correct=brd2.create('image', ['/assets/check.svg', [8.5, 2], [1. ,1.]], {visible: false, fixed: true});\r\n    var wrong=brd2.create('image', ['/assets/cross.svg', [8.5, 2], [1. ,1.]], {visible: false, fixed: true});\r\n    function check(){\r\n        if(Pt0.Y() == type1 && Pt1.Y() == type2 && Pt2.Y() == type3 && Pt3.Y() == type4 && Pt4.Y() == type5){\r\n            return 1;\r\n        }\r\n        else{\r\n            return 0;\r\n        }\r\n}\r\n   test.on('down', check);\r\n    //var reload = brd2.create('image', ['/assets/shuffle.svg', [positionX+height-1.6,positionY+0.5],[1.2, 1.2]], {opacity:1, fixed:true});\r\n    var reload=placeShuffle(brd2, 'top');\r\n    reload.setLabel('Tap to Shuffle')\r\n    reload.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n    reload.on('over', function () {this.label.setAttribute({visible:true});});\r\n    reload.on('out', function () {this.label.setAttribute({visible:false});});\r\n    var n=0;\r\n    reload.on('down', function(){\r\n      if(n==4){\r\n        checks[n].setAttribute({visible:check()==1});\r\n        cross[n].setAttribute({visible:check()==0});\r\n        redo.setAttribute({visible:true});\r\n        //bck.setAttribute({opacity:1});\r\n      }\r\n      if(n<4){\r\n        checks[n].setAttribute({visible:check()==1});\r\n        cross[n].setAttribute({visible:check()==0});\r\n        ini();\r\n        type1=Math.round(Math.random()*3)+1;\r\n        type2=Math.round(Math.random()*4)+1;\r\n        type3=Math.round(Math.random()*4)+1;\r\n        type4=Math.round(Math.random()*2)+1;\r\n        type5=Math.round(Math.random()*3)+1;\r\n        bd();dm();gh();dmt();sp();\r\n        n = n+1;\r\n        hide[n].setAttribute({visible:false});\r\n      }\r\n\r\n    });\r\n    brd2.create('text', [9, -0.5, 'Breed of Dog'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(22*brd2.canvasWidth/800.)}});\r\n    brd2.create('text', [-0.5, 5, 'Number of Dogs'],{display:'internal', rotate:90, anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(22*brd2.canvasWidth/800.)}});\r\n    //brd2.create('text', [1, -0.5, 'Bulldog'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}});\r\n    //brd2.create('text', [2, -0.5, 'Doberman'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}});\r\n    //brd2.create('text', [3, -0.5, 'Greyhound'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}});\r\n    //brd2.create('text', [4, -0.5, 'Dalmatian'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}});\r\n    //brd2.create('text', [5, -0.5, 'Shar-pei'],{display:'internal',anchorX:'middle', fixed:true, CssStyle:'fontFamily:Oswald', fontSize:function(){return Math.round(16*brd2.canvasWidth/800.)}});\r\n\r\n    /*var dice = function(){\r\n    for (k=1; k<=cnt; k++){\r\n    brd2.create('image', ['/assets/dice-'+tup[k-1][0]+'.svg', [12, 16-3*k],[4, 4]], {name:img[2*(k-1)+1], fixed:true});\r\n    brd2.create('image', ['/assets/dice-'+tup[k-1][1]+'.svg', [17.5,16-3*k],[4, 4]],{name:img[2*(k-1)+2], rotate:50+20*Math.random(), fixed:true});\r\n    brd2.update();\r\n    };\r\n  };\r\n  \t//\r\n  \tvar plus1=brd1.create('image', ['/assets/bulldog.svg', [-14., 20.-a],[1.6, 1.7]], {opacity:1, fixed:true});\r\n  \tplus1.setLabel('Bulldog')\r\n  \tplus1.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus1.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus1.on('out', function () {this.label.setAttribute({visible:false});});\r\n  \t//\r\n  \tvar plus2=brd1.create('image', ['/assets/dachshund.svg', [-12., 20.-a-0.1],[1.75, 1.75]], {opacity:1, fixed:true});\r\n  \tplus2.setLabel('Corgi')\r\n  \tplus2.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus2.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus2.on('out', function () {this.label.setAttribute({visible:false});});\r\n  \t//\r\n  \tvar plus3=brd1.create('image', ['/assets/mastiff.svg', [-10, 20-a-0.1],[3, 3.2]], {opacity:1, fixed:true});\r\n  \tplus3.setLabel('Mastiff')\r\n  \tplus3.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus3.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus3.on('out', function () {this.label.setAttribute({visible:false});});\r\n      //\r\n  \tvar plus4=brd1.create('image', ['/assets/pointer.svg', [-7.5, 20-a-0.1],[2.5, 2.5]], {opacity:1, fixed:true});\r\n  \tplus4.setLabel('Pointer')\r\n  \tplus4.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus4.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus4.on('out', function () {this.label.setAttribute({visible:false});});\r\n      //\r\n  \tvar plus5=brd1.create('image', ['/assets/doberman.svg', [-5, 20.15-a],[2.5, 2.5]], {opacity:1, fixed:true});\r\n  \tplus5.setLabel('Doberman')\r\n  \tplus5.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus5.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus5.on('out', function () {this.label.setAttribute({visible:false});});\r\n      //\r\n  \tvar plus6=brd1.create('image', ['/assets/greyhound.svg', [-2.5, 20-a-0.1],[2.85, 2.85]], {opacity:1, fixed:true});\r\n  \tplus6.setLabel('Greyhound')\r\n  \tplus6.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus6.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus6.on('out', function () {this.label.setAttribute({visible:false});});\r\n      //\r\n  \tvar plus7=brd1.create('image', ['/assets/dalmatian.svg', [0, 20-0.2-a],[2.35, 2.6]], {opacity:1, fixed:true});\r\n  \tplus7.setLabel('Dalmatian')\r\n  \tplus7.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus7.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus7.on('out', function () {this.label.setAttribute({visible:false});});\r\n      //\r\n  \tvar plus8=brd1.create('image', ['/assets/shar-pei.svg', [2.5, 20-a-0.1],[2.25, 2.25]], {opacity:1, fixed:true});\r\n  \tplus8.setLabel('Shar-Pei')\r\n  \tplus8.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus8.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus8.on('out', function () {this.label.setAttribute({visible:false});});\r\n      //\r\n  \tvar plus9 = brd1.create('image', ['/assets/rottweiler.svg', [5, 20-a-0.1],[2.5, 2.5]], {opacity:1, fixed:true});\r\n  \tplus9.setLabel('Rottweiler')\r\n  \tplus9.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus9.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus9.on('out', function () {this.label.setAttribute({visible:false});});\r\n      //\r\n  \tvar plus10 =brd1.create('image', ['/assets/chihuahua.svg', [7.5, 20.25-a],[1.15, 1.]], {opacity:1, fixed:true});\r\n  \tplus10.setLabel('Chihuahua')\r\n  \tplus10.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tplus10.on('over', function () {this.label.setAttribute({visible:true});});\r\n  \tplus10.on('out', function () {this.label.setAttribute({visible:false});});\r\n  \t//\r\n  \tvar v =[0,0,0,0,0];\r\n  \tvar i=0;\r\n  \tplus1.on('down', function(){if(i<=4){plus1.moveTo([-14+2.75*i+0.5,-a]); v[i]=14/12; i+=1;}else{return;}});\r\n  \tplus2.on('down', function(){if(i<=4){plus2.moveTo([-14+2.75*i+0.5,-a-0.1]); v[i]=12/12; i+=1;}else{return;}});\r\n  \tplus3.on('down', function(){if(i<=4){plus3.moveTo([-14+2.75*i,-a-0.1]); v[i]=30/12; i+=1;}else{return;}});\r\n  \tplus4.on('down', function(){if(i<=4){plus4.moveTo([-14+2.75*i,-a-0.1]); v[i]=24/12; i+=1;}else{return;}});\r\n  \tplus5.on('down', function(){if(i<=4){plus5.moveTo([-14+2.75*i,0.15-a]);v[i]=28/12;  i+=1;}else{return;}});\r\n  \tplus6.on('down', function(){if(i<=4){plus6.moveTo([-14+2.75*i,-a]); v[i]=27/12; i+=1;}else{return;}});\r\n  \tplus7.on('down', function(){if(i<=4){plus7.moveTo([-14+2.75*i,-0.1-a]); v[i]=22/12; i+=1;}else{return;}});\r\n  \tplus8.on('down', function(){if(i<=4){plus8.moveTo([-14+2.75*i,-a]);v[i]=20/12;  i+=1;}else{return;}});\r\n  \tplus9.on('down', function(){if(i<=4){plus9.moveTo([-14+2.75*i,-a]); v[i]=2; i+=1;}else{return;}});\r\n  \tplus10.on('down',function(){if(i<=4){plus10.moveTo([-14+2.75*i+0.5,0.25-a]);v[i]=11/12;  i+=1;}else{return;}});\r\n  ///////////////////////////////////////////////////////////\r\n  \tvar mu = function(){return (v[0]+v[1]+v[2]+v[3]+v[4])/(i+0.00001)};\r\n  \tvar sig = function(){\r\n  \t\tif(i==1){return Math.sqrt((v[0]-mu())*(v[0]-mu()))}\r\n  \t\telse if(i==2){return Math.sqrt(((v[0]-mu())*(v[0]-mu())+(v[1]-mu())*(v[1]-mu()))/2)}\r\n  \t\telse if(i==3){return Math.sqrt(((v[0]-mu())*(v[0]-mu())+(v[1]-mu())*(v[1]-mu())+ (v[2]-mu())*(v[2]-mu()))/3)}\r\n  \t\telse if(i==4){return Math.sqrt(((v[0]-mu())*(v[0]-mu())+(v[1]-mu())*(v[1]-mu())+(v[2]-mu())*(v[2]-mu())+ (v[3]-mu())*(v[3]-mu()))/4)}\r\n  \t\telse if(i==5){return Math.sqrt(((v[0]-mu())*(v[0]-mu())+(v[1]-mu())*(v[1]-mu())+(v[2]-mu())*(v[2]-mu())+(v[3]-mu())*(v[3]-mu())+(v[4]-mu())*(v[4]-mu()))/5)}\r\n  \t\telse{return 0;}\r\n  \t};\r\n  \tbrd1.create('text', [-17.7, -1.5, 'Heights(ft.)'],{CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true});\r\n  \tbrd1.create('text', [-13.625, -1.5, function(){return ''+ (v[0]).toFixed(2)}],{ fixed:true, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tbrd1.create('text', [-10.875, -1.5, function(){return ''+ (v[1]).toFixed(2)}],{ fixed:true, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tbrd1.create('text', [-8.125, -1.5, function(){return ''+ (v[2]).toFixed(2)}],{ fixed:true,CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tbrd1.create('text', [-5.375, -1.5, function(){return ''+ (v[3]).toFixed(2)}],{ fixed:true, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tbrd1.create('text', [-2.625, -1.5, function(){return ''+ (v[4]).toFixed(2)}],{ fixed:true, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tbrd1.create('text', [-13.5, 7.5, 'Mean &mu; (ft.)'],{CssStyle:'fontFamily:Oswald', color:'red', fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true});\r\n  \tbrd1.create('text', [-5, 7.5, function(){return ''+ (mu()).toFixed(2)}],{fixed:true, CssStyle:'fontFamily:Oswald', color:'red', fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tbrd1.create('text', [-13.5, 6., 'Standard Deviation &sigma; (ft.)'],{CssStyle:'fontFamily:Oswald',color:'blue', fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true});\r\n  \tbrd1.create('text', [-5, 6., function(){return ''+ (JXG.Math.Statistics.sd(v)).toFixed(2)}],{ fixed:true, CssStyle:'fontFamily:Oswald', color:'blue', fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tbrd1.create('text', [-13.5, 4.5, 'Median (ft.)'],{CssStyle:'fontFamily:Oswald',color:'green', fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true});\r\n  \tbrd1.create('text', [-5, 4.5, function(){return ''+ (JXG.Math.Statistics.median(v)).toFixed(2)}],{ fixed:true, CssStyle:'fontFamily:Oswald', color:'green', fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}});\r\n  \tvar func =brd1.create('functiongraph',[function(x){return (2.5/(sig()+0.01)/Math.sqrt(2*Math.PI))*Math.exp(-0.5*(x+mu())*(x+mu())/(sig()+0.01)/(sig()+0.01))}, 0, -4],{strokeColor:'red', strokeWidth:2});\r\n  \tvar t = brd1.create('transform', [-Math.PI/2], {type: 'rotate'});\r\n  \tt.bindTo(func);\r\n  \tbrd1.create('line',[[0, function(){return mu()}],[function(){return 2/sig()/Math.sqrt(2*Math.PI)}, function(){return mu()}]], {strokeWidth:1, dash:1});\r\n  \tvar mean =brd1.create('image', ['/assets/random.svg', [6, function(){return mu()}],[1.25, 1.25]], {opacity:1, fixed:true});\r\n  \tmean.setLabel('Mean')\r\n  \tvar std =brd1.create('image', ['/assets/random.svg', [2, function(){return mu()+sig()}],[1.25, 1.25]], {opacity:1, rotate:90, fixed:true});\r\n  \tstd.setLabel('Spread')\r\n  \tmean.label.setAttribute({offset:[0, 50], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  \tstd.label.setAttribute({offset:[0, 50], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n  */\r\n      }\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <h3 ref=\"what\">\r\n      Bar Chart\r\n    </h3>\r\n    <p class=\"mt-2\">\r\n      A bar chart is commonly used to represent the grouping of data into different categories.\r\n      The categories could be something like an age group, months of the year, or geographical locations.\r\n      In a bar chart (also known as a bar graph), the data is represented using a number of bars. Each bar represents a particular category or group.\r\n      The height of a bar is proportional to the sum total of entries in the category it represents.\r\n      <br>\r\n    </p>\r\n    <h3 ref=\"example\">\r\n      Example of a Bar Chart\r\n    </h3>\r\n    <p class=\"mt-2\">\r\n      Imagine you are at a dog show. The show features dogs of a variety of breeds, e.g., 2 Bulldogs, 3 Dobermans, 4 Greyhounds, 1 Dalmatian, and 2 Shar-Peis.\r\n      Below is a bar chart summarizing this data graphically. Shown on the horizontal axis is the breed of dogs.\r\n      Shown on the vertical axis is number of dogs.\r\n      Each bar represents a dog breed and the height of the bar is equal to the number of dogs of the breed that it represents.\r\n      For example, the bar representing Dobermans has a height of 3 units, while the bar representing Greyhounds is 4 units tall.\r\n    </p>\r\n    <h3 ref=\"pg\">\n      MagicGraph | Test your knowledge of bar charts\n    </h3>\r\n    <br>\r\n    <h5> Getting Started </h5>\r\n    <p>\n      Your goal is to create a bar chart that represents the number of dogs of different breeds. Drag and adjust the height of each bar until it matches the number of that breed of dog.\r\n      <br>\r\n    </p>\r\n    <h5> Icons on the MagicGraph </h5>\r\n    <p>\r\n      Tap on <i class=\"shuffler ma-1\" /> button to shuffle.\r\n      Tap on <i class=\"tester ma-1\" /> button to test your answer.\r\n      Tap on <i class=\"undoer ma-1\" /> button to go to the previous step.\r\n    </p>\r\n    <br>\r\n    <v-responsive>\r\n      <v-layout justify-center>\r\n        <div id=\"jxgbox1\" class=\"edliy-box-about\" />\r\n      </v-layout>\r\n    </v-responsive>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'BarChart',\r\n  created () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Bar Chart';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    /*let newTopics = [\r\n      {title: 'Parallel Lines', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Transversal', img:'/assets/number-2.svg', action: () => this.goto('trans')},\r\n      {title: 'Pair of Angles', img:'/assets/number-3.svg', action: () => this.goto('angles')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('pg')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);*/\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    let newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\r\n    let newLeftArrow =true;\r\n    this.$store.commit('navigation/replaceLeftArrow', newLeftArrow);\r\n    let newModule=true;\r\n    this.$store.commit('navigation/replaceModule', newModule);\r\n  },\r\n  mounted () {\r\n    MathJax.Hub.Queue([\"Typeset\", MathJax.Hub]);\r\n    Boxes.box2();\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Bar Chart',\r\n        //  titleTemplate: '%s - Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {vmid:'description',name: 'description', content: 'Learn interactively about bar charts'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import 'src/styles/edliy-box.scss';\r\n@import 'src/styles/subtopic-menu.scss';\r\n@import 'src/styles/edliy-box-about.scss';\r\n@import 'src/styles/screen-sizes.scss';\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lesson.vue?vue&type=template&id=71885526&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lesson.vue?vue&type=style&index=0&id=71885526&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=style&index=0&id=71885526&prod&lang=scss&\""],"sourceRoot":""}