{"version":3,"sources":["webpack:///./src/components/mathematics/arithmetic/Lesson.vue?a285","webpack:///./src/components/mathematics/arithmetic/Lesson.vue","webpack:///./src/components/mathematics/arithmetic/Boxes.js","webpack:///src/components/mathematics/arithmetic/Lesson.vue","webpack:///./src/components/mathematics/arithmetic/Lesson.vue?413a","webpack:///./src/components/mathematics/arithmetic/Lesson.vue?4600"],"names":["ref","_vm","attrs","_c","staticStyle","_v","staticClass","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","makeResponsive","options","layer","placeTitle","suspendUpdate","vectorText1","vectorComa","vectorCoins1","vectorCoins2","vectorCoins3","a0","create","snapWidth","snapToGrid","face","size","name","strokeColor","label","fontSize","canvasHeight","cssStyle","cd","nTerms","anchorX","anchorY","CssStyle","Math","round","canvasWidth","Value","writeProgression","i","length","removeObject","sequence","push","txtComa","drawCoins","x","y","coins1","visible","coins3","coins2","on","unsuspendUpdate","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"2IAAA,W,mFCAsFA,EAAI,WAAM,IAAGC,EAAM,KAA4dD,EAAI,WAAS,OAAM,EAAG,MAAC,SAAuwBE,IAAK,Q,CAAE,yCAAiB,kbAAE,eAAG,CAACC,EAAG,yCAAQ,ytBAACD,MAAM,CAAC,iBAAM,K,CAA4C,U,MAAoB,CAAgB,2BAAY,qBAAI,YAAW,QAAEE,MAAW,QAAE,eAAyBH,GAAII,EAAG,MAA4GL,YAAI,CAAcC,aAAO,W,CAA6W,wGAAiB,QAAE,iBAAG,CAACE,EAAG,oDAAM,4RAACG,OAA8BJ,iBAAM,KAAe,UAAG,YAAU,kBACtoE,OACGK,mB,yBCqBEC,EAAQ,CACZC,KAAM,WACPC,IAAIC,QAAQC,MAAMC,eAAiB,OAClCH,IAAIC,QAAQG,MAAMC,aAAY,EAC9BL,IAAIC,QAAQG,MAAME,WAAU,EAC5BN,IAAIC,QAAQM,KAAKD,WAAU,EAC3BN,IAAIC,QAAQM,KAAKC,OAAM,EACvBR,IAAIC,QAAQQ,MAAMH,WAAU,EAC5BN,IAAIC,QAAQM,KAAKG,gBAAgB,qBACjC,IAAIC,EAAOX,IAAIY,SAASC,UAAU,UAAU,CAACC,YAAa,CAAC,EAAG,GAAI,GAAI,GAAGC,iBAAiB,EAAMC,MAAK,EAAMC,OAAM,EAAMC,MAAK,EAAMC,eAAc,EAAOC,gBAAe,EAAOC,IAAI,CAACC,SAAQ,GAAQC,KAAK,CAACD,SAAQ,KAChNE,eAAeb,GACfA,EAAKc,QAAQC,MAAM,SAAU,GAC7Bf,EAAKc,QAAQC,MAAM,SAAU,GAC7Bf,EAAKc,QAAQC,MAAM,QAAS,GAE5BC,eAAWhB,EAAM,yBAA0B,IAE3CA,EAAKiB,gBAEL,IAAIC,EAAc,GACdC,EAAa,GACbC,EAAe,GACfC,EAAe,GACfC,EAAe,GAOfC,EAAKvB,EAAKwB,OAAO,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,IAAK,CAACC,UAAW,EAAGC,YAAY,EAAOC,KAAK,SAAUC,KAAK,EAAGC,KAAK,MAAOC,YAAY,QAASC,MAAM,CAACC,SAAS,WAAW,OAAO,GAAGhC,EAAKiC,aAAa,KAAMC,SAAS,uBACrNC,EAAKnC,EAAKwB,OAAO,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,IAAK,CAACC,UAAW,EAAGC,YAAY,EAAOC,KAAK,SAAUC,KAAK,EAAGC,KAAK,IAAKC,YAAY,QAASC,MAAM,CAACC,SAAS,WAAW,OAAO,GAAGhC,EAAKiC,aAAa,KAAMC,SAAS,uBACpNE,EAASpC,EAAKwB,OAAO,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,IAAK,CAACC,UAAW,EAAGC,YAAY,EAAOC,KAAK,SAAUC,KAAK,EAAGC,KAAK,IAAKC,YAAY,QAASC,MAAM,CAACC,SAAS,WAAW,OAAO,GAAGhC,EAAKiC,aAAa,KAAMC,SAAS,uBAGhNlC,EAAKwB,OAAO,OAAQ,CAAC,GAAI,GAAI,gCAAiC,CAAC3B,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAWR,YAAa,QAAUS,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QACjO1C,EAAKwB,OAAO,OAAQ,CAAC,KAAM,IAAK,sBAAuB,CAAC3B,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAWR,YAAa,WAAY,OAAGM,EAAOO,SAAS,EAAEpB,EAAGoB,SAAWP,EAAOO,QAAQ,GAAGR,EAAGQ,SAAS,EAAI,EAAU,QAAqB,OAAUJ,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QAC1U1C,EAAKwB,OAAO,OAAQ,CAAC,GAAG,GAAI,kCAAkC,CAAC3B,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAWR,YAAa,WAAY,OAAGM,EAAOO,SAAS,EAAEpB,EAAGoB,SAAWP,EAAOO,QAAQ,GAAGR,EAAGQ,SAAS,EAAI,EAAU,QAAqB,OAAUJ,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QACjV1C,EAAKwB,OAAO,OAAQ,CAAC,KAAM,EAAG,KAAK,CAAC3B,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAWR,YAAa,WAAY,OAAGM,EAAOO,SAAS,EAAEpB,EAAGoB,SAAWP,EAAOO,QAAQ,GAAGR,EAAGQ,SAAS,EAAI,EAAU,QAAqB,OAAUJ,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QACtT1C,EAAKwB,OAAO,OAAQ,CAAC,GAAI,GAAI,WAAY,MAAO,MAASY,EAAOO,SAAS,EAAEpB,EAAGoB,SAAWP,EAAOO,QAAQ,GAAGR,EAAGQ,SAAS,IAAK,CAAC9C,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAWR,YAAa,WAAY,OAAGM,EAAOO,SAAS,EAAEpB,EAAGoB,SAAWP,EAAOO,QAAQ,GAAGR,EAAGQ,SAAS,EAAI,EAAU,QAAqB,OAAUJ,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QAG1Z,SAASE,IAEL,IAAK,IAAIC,EAAE,EAAGA,EAAE3B,EAAY4B,OAAQD,GAAM,EACtC7C,EAAK+C,aAAa7B,EAAY2B,IAElC3B,EAAc,GAEd,IAAS2B,EAAE,EAAGA,EAAE1B,EAAW2B,OAAQD,GAAM,EACrC7C,EAAK+C,aAAa5B,EAAW0B,IAEjC1B,EAAa,GAEb,IAAS0B,EAAE,EAAIA,GAAKT,EAAOO,QAAUE,GAAO,EAAG,CAE3C,IAAIG,EAAWhD,EAAKwB,OAAO,OAAQ,CAAC,GAAKY,EAAOO,QAAQ,EAAM,IAAFE,EAAO,GAAItB,EAAGoB,QAAUR,EAAGQ,SAASE,EAAI,IAAK,CAAChD,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAUR,YAAa,QAASS,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QAC1QxB,EAAY+B,KAAKD,GAEjB,IAAIE,EAAUlD,EAAKwB,OAAO,OAAQ,CAAC,KAAOY,EAAOO,QAAQ,EAAM,IAAFE,EAAO,GAAI,KAAM,CAAChD,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAUR,YAAa,QAAQS,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QAC9OvB,EAAW8B,KAAKC,GAGpBlD,EAAK+C,aAAa5B,EAAWiB,EAAOO,QAAQ,IAEjC3C,EAAKwB,OAAO,OAAQ,CAAC,WAAY,OAAO,GAAKY,EAAOO,QAAQ,GAAK,GAAI,KAAK,CAAC9C,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAUR,YAAa,QAASS,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QAC3O1C,EAAKwB,OAAO,OAAQ,CAAC,WAAY,OAAO,GAAKY,EAAOO,SAAW,GAAI,KAAK,CAAC9C,OAAO,EAAMwC,QAAS,SAAUC,QAAS,SAAUR,YAAa,QAASS,SAAS,oBAAoBP,SAAS,WAAW,OAAOQ,KAAKC,MAAM,GAAGzC,EAAK0C,YAAY,QAGxP,SAASS,IAEL,IAAK,IAAIN,EAAE,EAAGA,EAAEzB,EAAa0B,OAAQD,GAAM,EACvC7C,EAAK+C,aAAa3B,EAAayB,IAEnCzB,EAAe,GAEf,IAASyB,EAAE,EAAGA,EAAExB,EAAayB,OAAQD,GAAM,EACvC7C,EAAK+C,aAAa1B,EAAawB,IAEnCxB,EAAe,GAEf,IAASwB,EAAE,EAAGA,EAAEvB,EAAawB,OAAQD,GAAM,EACvC7C,EAAK+C,aAAazB,EAAauB,IAEnCvB,EAAe,GAGf,IAAM,IAAI8B,EAAE,EAAGA,GAAIhB,EAAOO,QAASS,GAAM,EAErC,GAAG7B,EAAGoB,QAAUR,EAAGQ,SAASS,EAAI,IAAK,EAEjC,IAAM,IAAIC,EAAE,EAAGA,GAAI9B,EAAGoB,QAAUR,EAAGQ,SAASS,EAAI,GAAIC,GAAM,EAAE,CAExD,IAAIC,EAAStD,EAAKwB,OAAO,QAAS,CAAC,qBAAsB,CAAG,EAAF4B,EAAO,IAAFC,GAAQ,CAAC,IAAI,MAAO,CAACE,SAAS,EAAM1D,OAAO,IAC1GuB,EAAa6B,KAAKK,QAKtB,IAAUD,GAAG,EAAGA,GAAI9B,EAAGoB,QAAUR,EAAGQ,SAASS,EAAI,GAAIC,GAAM,EAAE,CAEzD,IAAIG,EAASxD,EAAKwB,OAAO,QAAS,CAAC,qBAAsB,CAAG,EAAF4B,EAAO,IAAFC,GAAQ,CAAC,IAAK,MAAO,CAACE,SAAS,EAAM1D,OAAO,IAC3GyB,EAAa2B,KAAKO,GAM9B,IAAUJ,EAAE,EAAGA,GAAIhB,EAAOO,QAASS,GAAM,EACrC,IAAUC,EAAE,EAAGA,GAAKlB,EAAGQ,QAASU,GAAM,EAAE,CAEpC,IAAII,EAASzD,EAAKwB,OAAO,QAAS,CAAC,qBAAsB,CAAG,EAAF4B,EAAyD,KAAnDC,EAAI9B,EAAGoB,QAAUR,EAAGQ,SAASS,EAAI,GAAKjB,EAAGQ,UAAgB,CAAC,IAAI,MAAO,CAACY,SAAS,EAAM1D,OAAO,IAC5JwB,EAAa4B,KAAKQ,IAsB9BlC,EAAGmC,GAAG,MAAM,WAAWd,IAAoBO,OAC3ChB,EAAGuB,GAAG,MAAM,WAAWd,IAAoBO,OAC3Cf,EAAOsB,GAAG,MAAM,WAAWd,IAAoBO,OAE/CnD,EAAK2D,oBAIQxE,IChHA,GACf0C,KAAA,SACA+B,QAAA,eAAAC,EAAA,KACA,KAAAC,OAAAC,OAAA,yBAEA,IAAAC,EAAA,YACA,KAAAF,OAAAC,OAAA,yBAAAC,GACA,KAAAF,OAAAC,OAAA,wBAAAC,GACA,IAAAC,EAAA,CACA,CAAAD,MAAA,uBAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,QACA,CAAAJ,MAAA,sBAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,QACA,CAAAJ,MAAA,kBAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,QACA,CAAAJ,MAAA,aAAAE,IAAA,oBAAAC,OAAA,kBAAAN,EAAAO,KAAA,gBAEA,KAAAN,OAAAC,OAAA,2BAAAE,GACA,IAAAI,GAAA,EACA,KAAAP,OAAAC,OAAA,4BAAAM,GACA,IAAAC,GAAA,EACA,KAAAR,OAAAC,OAAA,yBAAAO,GACA,IAAAC,GAAA,EACA,KAAAT,OAAAC,OAAA,8BAAAQ,GACA,IAAAC,GAAA,EACA,KAAAV,OAAAC,OAAA,2BAAAS,IAEAC,QAAA,WACAC,QAAAC,IAAAC,MAAA,WAAAF,QAAAC,MACAxF,EAAAC,QAEAyF,SAAA,WACA,OAAAb,MAAA,YACAc,cAAA,2BACAC,KAAA,EAAAlD,KAAA,WAAAmD,QAAA,uCACA,CAAAnD,KAAA,cAAAmD,QAAA,2DCrF8W,I,wBCQ1WC,EAAY,eACd,EACA,EACA/F,GACA,EACA,KACA,KACA,MAIa,aAAA+F,E","file":"js/chunk-4535bfa8.817da8de.js","sourcesContent":["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=3a247f42&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"what\"},[_vm._v(\"\\n What is a Pie Chart?\\n \")]),_c('p',[_vm._v(\"\\n A pie chart is a visualization technique where the data is represented using a circular diagram that resembles a pie.\\n It is called a pie chart for its resemblance to a pie that has been sliced.\\n Each sector (known as a 'slice') of the circle (known as a 'pie') represents a sample of the data.\\n The size of the slice is proportional to the size of the sample relative to whole.\\n \")]),_c('br'),_c('h3',{ref:\"example\"},[_vm._v(\"\\n Example of a Pie Chart\\n \")]),_c('p',[_vm._v(\"\\n Let's say you are at a dog exhibition while visiting a pet fair. The exhibition features a variety of dog breeds at display: 2 Bulldogs, 3 Dobermans, 4 Greyhounds, 1 Dalmatian, and 2 Shar-Peis.\\n Our goal is to create a pie chart showing the distribution of each dog breed relative to whole at the exhibition.\\n Let's start with a whole pie and mark onto it 12 (=2+3+4+1+2 is the total sample size) equal slices.\\n For each dog breed, we cut out the number of slices that is equal to the number of dogs of that breed. Thus, we have 2 out of 12 slices for Bulldogs, 3 out of 12 for Dobermans, 4 out of 12 for Greyhounds,\\n 1 out of 12 for Dalmatian, and 2 out of 12 for Shar-Peis.\\n \")]),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/PieChart.png\",\"max-height\":\"550px\",\"max-width\":\"550px\",\"width\":\"400px\",\"contain\":\"\"}})],1),_c('h5',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"\\n Figure: Example of a pie chart displaying distribution of dogs of different breeds.\\n \")]),_c('h3',{ref:\"playgraph\"},[_vm._v(\"\\n MagicGraph | Creating a Pie Chart\\n \")]),_c('p',[_vm._v(\"\\n This MagicGraph offers a visually interactive tutorial on how to create a pie chart. Imagine visiting a dog exhibition featuring a variety of dog breeds. e\\n \")]),_c('h5',[_vm._v(\" To Get Started: \")]),_c('p'),_c('h5',[_vm._v(\" To Explore:\")]),_c('p'),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// Import the edliy_utils\r\nimport {\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 placeLine,\r\n placePoint,\r\n placeGlider,\r\n placeRuler,\r\n placeLeftText,\r\n placeSliderSwitch\r\n} from '../../../common/edliy_utils-circle';\r\nconst Boxes = {\r\n box1: function () {\r\n\tJXG.Options.board.minimizeReflow = 'none';\r\n JXG.Options.point.showInfoBox=false;\r\n JXG.Options.point.highlight=false;\r\n JXG.Options.text.highlight=false;\r\n JXG.Options.text.fixed=true;\r\n JXG.Options.curve.highlight=false;\r\n JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [0, 40, 40, 0],keepaspectratio: true, axis:true, ticks:true, grid:true, showCopyright:false, showNavigation:false, pan:{enabled:false}, zoom:{enabled:false}});\r\n makeResponsive(brd1);\r\n brd1.options.layer['image'] =14;\r\n brd1.options.layer['chart'] =14;\r\n brd1.options.layer['line'] =15;\r\n//\tbrd1.create('text', [6, 11.5, 'Fraction'],{highlight:false, display:'internal', anchorX:'middle', anchorY:'middle', CssStyle:'fontFamily:Oswald;fontWeight:bold',fontSize:function(){return Math.round(32*brd1.canvasWidth/800.)}, fixed:true});\r\n placeTitle(brd1, 'Arithmetic Progression', '');\r\n\r\n brd1.suspendUpdate();\r\n //Variables\r\n var vectorText1 = [];\r\n var vectorComa = [];\r\n var vectorCoins1 = [];\r\n var vectorCoins2 = [];\r\n var vectorCoins3 = [];\r\n\r\n\r\n //Title and subtitle\r\n //var title1 = brd1.create('text', [14, 18, ' Arithmetic Progression '],{fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd1.canvasWidth/500.)}},);\r\n\r\n //Sliders\r\n var a0 = brd1.create('slider',[[20,12],[25,12],[0,2,5]], {snapWidth: 1, snapToGrid: false ,face:'circle', size:3, name:'a_0', strokeColor:'black', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n var cd = brd1.create('slider',[[20,11],[25,11],[-5,2,5]], {snapWidth: 1, snapToGrid: false ,face:'circle', size:3, name:'d', strokeColor:'black', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n var nTerms = brd1.create('slider',[[20,10],[25,10],[1,4,5]], {snapWidth: 1, snapToGrid: false ,face:'circle', size:3, name:'n', strokeColor:'black', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n\r\n //Text\r\n var txt3 = brd1.create('text', [20, 35, 'n^t^h term : a_0 + (n -1)d ' ],{fixed: true, anchorX: 'middle', anchorY: 'middle', strokeColor: 'black', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\n var txt4 = brd1.create('text', [23.5, 7.5, 'Number of Coins: ' ],{fixed: true, anchorX: 'middle', anchorY: 'middle', strokeColor: function(){ if(nTerms.Value()*(2*a0.Value() + (nTerms.Value()-1)*cd.Value())/2 > 0){return 'Green'} else{return 'red'}}, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\n var txt5 = brd1.create('text', [17,30, ' S_n = n (a_0 + a_n)'],{fixed: true, anchorX: 'middle', anchorY: 'middle', strokeColor: function(){ if(nTerms.Value()*(2*a0.Value() + (nTerms.Value()-1)*cd.Value())/2 > 0){return 'Green'} else{return 'red'}}, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\n var txt6 = brd1.create('text', [21.7, 5, '2'],{fixed: true, anchorX: 'middle', anchorY: 'middle', strokeColor: function(){ if(nTerms.Value()*(2*a0.Value() + (nTerms.Value()-1)*cd.Value())/2 > 0){return 'Green'} else{return 'red'}}, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\n var txt7 = brd1.create('text', [20, 30, function() {return '= ' + nTerms.Value()*(2*a0.Value() + (nTerms.Value()-1)*cd.Value())/2 }],{fixed: true, anchorX: 'middle', anchorY: 'middle', strokeColor: function(){ if(nTerms.Value()*(2*a0.Value() + (nTerms.Value()-1)*cd.Value())/2 > 0){return 'Green'} else{return 'red'}}, CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(16*brd1.canvasWidth/500.)}},);\r\n\r\n //Functions\r\n function writeProgression(){\r\n\r\n for (var i=0; i=0){\r\n\r\n for ( var y=1; y<= a0.Value() + cd.Value()*(x - 1); y = y+1){\r\n\r\n var coins1 = brd1.create('image', ['/assets/dollar.svg', [x*3, y*1.3], [1.2,1.2]], {visible: true, fixed: true});\r\n vectorCoins1.push(coins1);\r\n }\r\n }\r\n else{\r\n\r\n for ( var y=-1; y>= a0.Value() + cd.Value()*(x - 1); y = y-1){\r\n\r\n var coins3 = brd1.create('image', ['/assets/dollar.svg', [x*3, y*1.3], [1.2 ,1.2]], {visible: true, fixed: true});\r\n vectorCoins3.push(coins3);\r\n\r\n }\r\n }\r\n }\r\n\r\n for ( var x=2; x<= nTerms.Value(); x = x+1){\r\n for ( var y=1; y<= cd.Value(); y = y+1){\r\n\r\n var coins2 = brd1.create('image', ['/assets/dollar.svg', [x*3, (y + a0.Value() + cd.Value()*(x - 1) - cd.Value() )*1.3], [1.2,1.2]], {visible: true, fixed: true});\r\n vectorCoins2.push(coins2);\r\n }\r\n }\r\n\r\n }\r\n\r\n function drawSum(){\r\n\r\n for (var i=0; i\r\n
\r\n

\n What is a Pie Chart?\n

\r\n

\n A pie chart is a visualization technique where the data is represented using a circular diagram that resembles a pie.\r\n It is called a pie chart for its resemblance to a pie that has been sliced.\r\n Each sector (known as a 'slice') of the circle (known as a 'pie') represents a sample of the data.\r\n The size of the slice is proportional to the size of the sample relative to whole.\n

\r\n
\r\n

\n Example of a Pie Chart\n

\r\n

\n Let's say you are at a dog exhibition while visiting a pet fair. The exhibition features a variety of dog breeds at display: 2 Bulldogs, 3 Dobermans, 4 Greyhounds, 1 Dalmatian, and 2 Shar-Peis.\r\n Our goal is to create a pie chart showing the distribution of each dog breed relative to whole at the exhibition.\r\n Let's start with a whole pie and mark onto it 12 (=2+3+4+1+2 is the total sample size) equal slices.\r\n For each dog breed, we cut out the number of slices that is equal to the number of dogs of that breed. Thus, we have 2 out of 12 slices for Bulldogs, 3 out of 12 for Dobermans, 4 out of 12 for Greyhounds,\r\n 1 out of 12 for Dalmatian, and 2 out of 12 for Shar-Peis.\r\n

\r\n \r\n \r\n \r\n \r\n
\n Figure: Example of a pie chart displaying distribution of dogs of different breeds.\n
\r\n

\r\n MagicGraph | Creating a Pie Chart\r\n

\r\n

\r\n This MagicGraph offers a visually interactive tutorial on how to create a pie chart. Imagine visiting a dog exhibition featuring a variety of dog breeds. e\n

\r\n
To Get Started:
\r\n

\r\n

To Explore:
\r\n

\r\n \r\n \r\n

\r\n \r\n \r\n
\r\n\r\n\r\n\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=3a247f42&\"\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=3a247f42&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"],"sourceRoot":""}