{"id":1262,"date":"2025-09-09T04:02:07","date_gmt":"2025-09-08T21:02:07","guid":{"rendered":"https:\/\/people.usd.ac.id\/~ydkristanto\/?page_id=1262"},"modified":"2025-09-09T15:30:10","modified_gmt":"2025-09-09T08:30:10","slug":"problem-solving-area-under-curve","status":"publish","type":"page","link":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/problem-solving-area-under-curve\/","title":{"rendered":"Problem Solving: Approximating Area Under a Curve"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-content-justification-right\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/media-pengajaran\/pemecahan-masalah-luas-bawah-kurva\/\">ID<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-drop-cap\">Have you ever wondered how we can find the area under a curve? One way is to estimate it using rectangles placed along the curve. As the number of rectangles increases, the estimate gets closer to the actual area. This interactive tool lets you explore how changing the number of rectangles affects the result, while also introducing the idea of the definite integral.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull is-style-twentytwentyone-border has-gray-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"has-text-align-center\">The Area Approximation Problem<\/h3>\n\n\n\n<p>Adjust the number of rectangles by sliding the slider and observe how they cover the curve. How does increasing the number of rectangles affect the total estimated area?<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\">\n<div id=\"calculator1\" class=\"aligncenter size-full\" style=\"width: 480px; height: 480px;\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div id=\"calculator2\" class=\"aligncenter size-full\" style=\"width: 480px; height: 480px;\"><\/div>\n\n<script>\n  var calculator1 = Desmos.GraphingCalculator(document.getElementById('calculator1'), {\n    expressions: false,\n    settingsMenu: false,\n    trace: false\n  });\n  var calculator2 = Desmos.GraphingCalculator(document.getElementById('calculator2'), {\n    expressions: false,\n    settingsMenu: false,\n    trace: false\n  });\n\n  var state1 = {\n    \"version\": 11,\n    \"randomSeed\": \"c5f07dbbeefa844441ef8af363e0b76d\",\n    \"graph\": {\n        \"viewport\": {\n            \"xmin\": -2,\n            \"ymin\": -2,\n            \"xmax\": 18,\n            \"ymax\": 10\n        },\n        \"showGrid\": false,\n        \"showXAxis\": false,\n        \"showYAxis\": false,\n        \"userLockedViewport\": true,\n        \"squareAxes\": false,\n        \"__v12ViewportLatexStash\": {\n            \"xmin\": \"-2\",\n            \"xmax\": \"18\",\n            \"ymin\": \"-2\",\n            \"ymax\": \"10\"\n        }\n    },\n    \"expressions\": {\n        \"list\": [\n            {\n                \"type\": \"text\",\n                \"id\": \"36\",\n                \"text\": \"Ditentukan:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"4\",\n                \"color\": \"#6042a6\",\n                \"latex\": \"n=5\",\n                \"slider\": {\n                    \"hardMin\": true,\n                    \"hardMax\": true,\n                    \"min\": \"1\",\n                    \"max\": \"100\"\n                }\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"38\",\n                \"text\": \"Luas:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"24\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"L_{1}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"23\",\n                \"color\": \"#c74440\",\n                \"latex\": \"L\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"34\",\n                \"color\": \"#c74440\",\n                \"latex\": \"L_{2}\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"40\",\n                \"title\": \"Bidang koordinat\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"43\",\n                \"folderId\": \"40\",\n                \"text\": \"Bidang koordinat atas:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"48\",\n                \"folderId\": \"40\",\n                \"color\": \"#6042a6\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(-1,4.5\\\\right),\\\\left(17,4.5\\\\right),\\\\left(17,9\\\\right),\\\\left(-1,9\\\\right)\\\\right)\",\n                \"lines\": false,\n                \"colorLatex\": \"w_{putih}\",\n                \"fillOpacity\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"44\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(-1,4.5\\\\right),\\\\left(17,4.5\\\\right),\\\\left(17,9\\\\right),\\\\left(-1,9\\\\right)\\\\right)\",\n                \"fill\": false,\n                \"lineOpacity\": \".8\",\n                \"lineWidth\": \"1\"\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"51\",\n                \"folderId\": \"40\",\n                \"text\": \"Bidang koordinat bawah:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"52\",\n                \"folderId\": \"40\",\n                \"color\": \"#6042a6\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(-1,-0.5\\\\right),\\\\left(17,-0.5\\\\right),\\\\left(17,4\\\\right),\\\\left(-1,4\\\\right)\\\\right)\",\n                \"lines\": false,\n                \"colorLatex\": \"w_{putih}\",\n                \"fillOpacity\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"53\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(-1,-0.5\\\\right),\\\\left(17,-0.5\\\\right),\\\\left(17,4\\\\right),\\\\left(-1,4\\\\right)\\\\right)\",\n                \"fill\": false,\n                \"lineOpacity\": \".8\",\n                \"lineWidth\": \"1\"\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"82\",\n                \"folderId\": \"40\",\n                \"text\": \"Tik dan teks:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"84\",\n                \"folderId\": \"40\",\n                \"color\": \"#388c46\",\n                \"latex\": \"t_{X}=\\\\left[2,4...16\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"85\",\n                \"folderId\": \"40\",\n                \"color\": \"#c74440\",\n                \"latex\": \"t_{Y}=\\\\left[1...3\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"83\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t_{X},t\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"4.9\",\n                    \"max\": \"5\"\n                },\n                \"lineWidth\": \"1\",\n                \"domain\": {\n                    \"min\": \"4.9\",\n                    \"max\": \"5\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"89\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t_{X},t\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"-0.1\",\n                    \"max\": \"0\"\n                },\n                \"lineWidth\": \"1\",\n                \"domain\": {\n                    \"min\": \"-0.1\",\n                    \"max\": \"0\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"87\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t_{X},5\\\\right)\",\n                \"label\": \"${t_{X}}\",\n                \"hidden\": true,\n                \"labelOrientation\": \"below\",\n                \"labelSize\": \".7\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"90\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t_{X},0\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"${t_{X}}\",\n                \"hidden\": true,\n                \"labelOrientation\": \"below\",\n                \"labelSize\": \".7\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"86\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,t_{Y}+5\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"-0.2\",\n                    \"max\": \"0\"\n                },\n                \"lineWidth\": \"1\",\n                \"domain\": {\n                    \"min\": \"-0.2\",\n                    \"max\": \"0\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"91\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,t_{Y}\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"-0.2\",\n                    \"max\": \"0\"\n                },\n                \"lineWidth\": \"1\",\n                \"domain\": {\n                    \"min\": \"-0.2\",\n                    \"max\": \"0\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"88\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(-0.1,t_{Y}+5\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"${t_{Y}}\",\n                \"hidden\": true,\n                \"labelOrientation\": \"left\",\n                \"labelSize\": \".7\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"92\",\n                \"folderId\": \"40\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(-0.1,t_{Y}\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"${t_{Y}}\",\n                \"hidden\": true,\n                \"labelOrientation\": \"left\",\n                \"labelSize\": \".7\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"13\",\n                \"title\": \"Metode 1\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"8\",\n                \"folderId\": \"13\",\n                \"color\": \"#388c46\",\n                \"latex\": \"N=\\\\left[0,\\\\frac{16}{n}...16\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"6\",\n                \"folderId\": \"13\",\n                \"color\": \"#c74440\",\n                \"latex\": \"N_{1}=N\\\\left[1...\\\\operatorname{floor}\\\\left(n\\\\right)\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"7\",\n                \"folderId\": \"13\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(N_{1},g\\\\left(N_{1}\\\\right)\\\\right),\\\\left(N_{1}+\\\\frac{16}{n},g\\\\left(N_{1}\\\\right)\\\\right),\\\\left(N_{1}+\\\\frac{16}{n},5\\\\right),\\\\left(N_{1},5\\\\right)\\\\right)\",\n                \"lineWidth\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"19\",\n                \"folderId\": \"13\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(\\\\max\\\\left(N_{1}\\\\right)+\\\\frac{16}{n},g\\\\left(\\\\max\\\\left(N_{1}\\\\right)+\\\\frac{16}{n}\\\\right)\\\\right),\\\\left(16,g\\\\left(\\\\max\\\\left(N_{1}\\\\right)+\\\\frac{16}{n}\\\\right)\\\\right),\\\\left(16,5\\\\right),\\\\left(\\\\max\\\\left(N_{1}\\\\right)+\\\\frac{16}{n},5\\\\right)\\\\right)\\\\left\\\\{n-\\\\operatorname{floor}\\\\left(n\\\\right)>0\\\\right\\\\}\",\n                \"lineWidth\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"2\",\n                \"folderId\": \"13\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"f_{1}\\\\left(x\\\\right)=g\\\\left(\\\\operatorname{floor}\\\\left(\\\\frac{n}{16}x\\\\right)\\\\cdot\\\\frac{16}{n}\\\\right)\\\\left\\\\{0\\\\le x\\\\le16\\\\right\\\\}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"21\",\n                \"folderId\": \"13\",\n                \"color\": \"#6042a6\",\n                \"latex\": \"L_{1}=\\\\int_{0}^{16}\\\\left(f_{1}\\\\left(x\\\\right)-5\\\\right)dx\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"15\",\n                \"title\": \"Model 2\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"28\",\n                \"folderId\": \"15\",\n                \"color\": \"#c74440\",\n                \"latex\": \"N_{2}=N_{1}+\\\\frac{16}{n}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"16\",\n                \"folderId\": \"15\",\n                \"color\": \"#388c46\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(N_{1},f\\\\left(N_{2}\\\\right)\\\\right),\\\\left(N_{1}+\\\\frac{16}{n},f\\\\left(N_{2}\\\\right)\\\\right),\\\\left(N_{1}+\\\\frac{16}{n},0\\\\right),\\\\left(N_{1},0\\\\right)\\\\right)\",\n                \"lineWidth\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"32\",\n                \"folderId\": \"15\",\n                \"color\": \"#388c46\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(\\\\max\\\\left(N_{1}\\\\right)+\\\\frac{16}{n},F\\\\left(\\\\max\\\\left(N_{2}\\\\right)+\\\\frac{16}{n}\\\\right)\\\\right),\\\\left(16,F\\\\left(\\\\max\\\\left(N_{2}\\\\right)+\\\\frac{16}{n}\\\\right)\\\\right),\\\\left(16,0\\\\right),\\\\left(\\\\max\\\\left(N_{1}\\\\right)+\\\\frac{16}{n},0\\\\right)\\\\right)\\\\left\\\\{n-\\\\operatorname{floor}\\\\left(n\\\\right)>0\\\\right\\\\}\",\n                \"lineWidth\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"29\",\n                \"folderId\": \"15\",\n                \"color\": \"#388c46\",\n                \"latex\": \"f_{2}\\\\left(x\\\\right)=F\\\\left(\\\\operatorname{ceil}\\\\left(\\\\frac{n}{16}x\\\\right)\\\\cdot\\\\frac{16}{n}\\\\right)\\\\left\\\\{0\\\\le x\\\\le16\\\\right\\\\}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"33\",\n                \"folderId\": \"15\",\n                \"color\": \"#000000\",\n                \"latex\": \"L_{2}=\\\\int_{0}^{16}f_{2}\\\\left(x\\\\right)dx\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"55\",\n                \"title\": \"Sumbu-x dan -y\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"57\",\n                \"folderId\": \"55\",\n                \"text\": \"Bidang koordinat atas:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"41\",\n                \"folderId\": \"55\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,5\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"-1\",\n                    \"max\": \"17\"\n                },\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"-1\",\n                    \"max\": \"17\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"49\",\n                \"folderId\": \"55\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(0,t\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"4.5\",\n                    \"max\": \"9\"\n                },\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"4.5\",\n                    \"max\": \"9\"\n                }\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"60\",\n                \"folderId\": \"55\",\n                \"text\": \"Bidang koordinat bawah:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"58\",\n                \"folderId\": \"55\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,0\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"-1\",\n                    \"max\": \"17\"\n                },\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"-1\",\n                    \"max\": \"17\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"61\",\n                \"folderId\": \"55\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(0,t\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"-0.5\",\n                    \"max\": \"4\"\n                },\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"-0.5\",\n                    \"max\": \"4\"\n                }\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"10\",\n                \"title\": \"Model\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"1\",\n                \"folderId\": \"10\",\n                \"color\": \"#c74440\",\n                \"latex\": \"f\\\\left(x\\\\right)=2.5-\\\\frac{1}{160}\\\\left(x-1\\\\right)\\\\left(x-8\\\\right)\\\\left(x-14\\\\right)\\\\left\\\\{0\\\\le x\\\\le16\\\\right\\\\}\",\n                \"lineWidth\": \"4\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"62\",\n                \"folderId\": \"10\",\n                \"color\": \"#c74440\",\n                \"latex\": \"g\\\\left(x\\\\right)=f\\\\left(x\\\\right)+5\",\n                \"lineWidth\": \"4\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"63\",\n                \"folderId\": \"10\",\n                \"color\": \"#c74440\",\n                \"latex\": \"G\\\\left(x\\\\right)=F\\\\left(x\\\\right)+5\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"31\",\n                \"folderId\": \"10\",\n                \"color\": \"#388c46\",\n                \"latex\": \"F\\\\left(x\\\\right)=\\\\left\\\\{0\\\\le x\\\\le16:2.5-\\\\frac{1}{160}\\\\left(x-1\\\\right)\\\\left(x-8\\\\right)\\\\left(x-14\\\\right),\\\\frac{1}{1156}\\\\left(x-50\\\\right)^{2}\\\\right\\\\}\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"22\",\n                \"folderId\": \"10\",\n                \"color\": \"#000000\",\n                \"latex\": \"L=\\\\int_{0}^{16}f\\\\left(x\\\\right)dx\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"65\",\n                \"title\": \"Slider\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"66\",\n                \"folderId\": \"65\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,-1.25\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"0\",\n                    \"max\": \"16\"\n                },\n                \"lineOpacity\": \".2\",\n                \"lineWidth\": \"10\",\n                \"domain\": {\n                    \"min\": \"0\",\n                    \"max\": \"16\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"80\",\n                \"folderId\": \"65\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,-1.25\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"0\",\n                    \"max\": \"s\\\\left(n\\\\right)\"\n                },\n                \"lineWidth\": \"4\",\n                \"domain\": {\n                    \"min\": \"0\",\n                    \"max\": \"s\\\\left(n\\\\right)\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"74\",\n                \"folderId\": \"65\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(s\\\\left(n\\\\right),-1.25\\\\right)\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"67\",\n                \"folderId\": \"65\",\n                \"color\": \"#c74440\",\n                \"latex\": \"s\\\\left(x\\\\right)=\\\\frac{16}{99}\\\\left(x-1\\\\right)\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"46\",\n                \"title\": \"Warna\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"47\",\n                \"folderId\": \"46\",\n                \"color\": \"#c74440\",\n                \"latex\": \"w_{putih}=\\\\operatorname{rgb}\\\\left(255,255,255\\\\right)\"\n            }\n        ]\n    },\n    \"includeFunctionParametersInRandomSeed\": true,\n    \"doNotMigrateMovablePointStyle\": true\n};\n\n  var state2 = {\n    \"version\": 11,\n    \"randomSeed\": \"cc33833c820e27a4e3532c2d67662cac\",\n    \"graph\": {\n        \"viewport\": {\n            \"xmin\": -20,\n            \"ymin\": -20,\n            \"xmax\": 120,\n            \"ymax\": 100\n        },\n        \"showGrid\": false,\n        \"showXAxis\": false,\n        \"showYAxis\": false,\n        \"xAxisStep\": 20,\n        \"yAxisStep\": 20,\n        \"userLockedViewport\": true,\n        \"squareAxes\": false,\n        \"__v12ViewportLatexStash\": {\n            \"xmin\": \"-20\",\n            \"xmax\": \"120\",\n            \"ymin\": \"-20\",\n            \"ymax\": \"100\"\n        }\n    },\n    \"expressions\": {\n        \"list\": [\n            {\n                \"type\": \"text\",\n                \"id\": \"2\",\n                \"text\": \"Diketahui:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"3\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"n=28\",\n                \"slider\": {\n                    \"hardMin\": true,\n                    \"hardMax\": true,\n                    \"min\": \"1\",\n                    \"max\": \"100\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"20\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"L_{1}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"29\",\n                \"color\": \"#000000\",\n                \"latex\": \"L\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"22\",\n                \"color\": \"#6042a6\",\n                \"latex\": \"L_{2}\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"26\",\n                \"title\": \"Bidang koordinat\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"30\",\n                \"folderId\": \"26\",\n                \"color\": \"#c74440\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(0,10\\\\right),\\\\left(110,10\\\\right),\\\\left(110,70\\\\right),\\\\left(0,70\\\\right)\\\\right)\",\n                \"lines\": false,\n                \"colorLatex\": \"w_{putih}\",\n                \"fillOpacity\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"34\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(0,10\\\\right),\\\\left(110,10\\\\right),\\\\left(110,70\\\\right),\\\\left(0,70\\\\right)\\\\right)\",\n                \"fill\": false,\n                \"lineOpacity\": \".8\",\n                \"lineWidth\": \"1\"\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"36\",\n                \"folderId\": \"26\",\n                \"text\": \"Kisi:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"37\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,\\\\left[10,30,50\\\\right]\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"0\",\n                    \"max\": \"110\"\n                },\n                \"lineOpacity\": \".15\",\n                \"lineWidth\": \"1\",\n                \"domain\": {\n                    \"min\": \"0\",\n                    \"max\": \"110\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"38\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,\\\\left[20,40,60\\\\right]\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"0\",\n                    \"max\": \"110\"\n                },\n                \"lineOpacity\": \".3\",\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"0\",\n                    \"max\": \"110\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"39\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(\\\\left[10,30...90\\\\right],t\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"10\",\n                    \"max\": \"70\"\n                },\n                \"lineOpacity\": \".15\",\n                \"lineWidth\": \"1\",\n                \"domain\": {\n                    \"min\": \"10\",\n                    \"max\": \"70\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"40\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t_{X},t\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"10\",\n                    \"max\": \"70\"\n                },\n                \"lineOpacity\": \".3\",\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"10\",\n                    \"max\": \"70\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"45\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,t_{Y}\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"-1\",\n                    \"max\": \"0\"\n                },\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"-1\",\n                    \"max\": \"0\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"51\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(\\\\left[0,10...110\\\\right],t\\\\right)\",\n                \"parametricDomain\": {\n                    \"min\": \"9\",\n                    \"max\": \"10\"\n                },\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"9\",\n                    \"max\": \"10\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"27\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t,L\\\\right)\",\n                \"lineStyle\": \"DASHED\",\n                \"parametricDomain\": {\n                    \"min\": \"0\",\n                    \"max\": \"110\"\n                },\n                \"lineOpacity\": \".8\",\n                \"lineWidth\": \"1.5\",\n                \"domain\": {\n                    \"min\": \"0\",\n                    \"max\": \"110\"\n                }\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"42\",\n                \"folderId\": \"26\",\n                \"text\": \"Teks y:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"43\",\n                \"folderId\": \"26\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"t_{Y}=\\\\left[10,20...70\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"44\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(-1,t_{Y}\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"${t_{Y}}\",\n                \"hidden\": true,\n                \"labelOrientation\": \"left\",\n                \"labelSize\": \".7\"\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"48\",\n                \"folderId\": \"26\",\n                \"text\": \"Teks x\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"46\",\n                \"folderId\": \"26\",\n                \"color\": \"#c74440\",\n                \"latex\": \"t_{X}=\\\\left[20,40...100\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"49\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(t_{X},9\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"${t_{X}}\",\n                \"hidden\": true,\n                \"labelOrientation\": \"below\",\n                \"labelSize\": \".7\"\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"98\",\n                \"folderId\": \"26\",\n                \"text\": \"Judul:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"99\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(110,-3\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"Number of rectangles (`n`)\",\n                \"hidden\": true,\n                \"labelOrientation\": \"left\",\n                \"labelSize\": \".9\",\n                \"pointOpacity\": \".9\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"100\",\n                \"folderId\": \"26\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(-11,70\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"Total area of rectangles\",\n                \"hidden\": true,\n                \"labelOrientation\": \"left\",\n                \"labelSize\": \".9\",\n                \"pointOpacity\": \".9\",\n                \"labelAngle\": \"\\\\frac{\\\\pi}{2}\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"5\",\n                \"title\": \"Model\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"7\",\n                \"folderId\": \"5\",\n                \"text\": \"Fungsi:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"8\",\n                \"folderId\": \"5\",\n                \"color\": \"#c74440\",\n                \"latex\": \"f\\\\left(x\\\\right)=2.5-\\\\frac{1}{160}\\\\left(x-1\\\\right)\\\\left(x-8\\\\right)\\\\left(x-14\\\\right)\\\\left\\\\{0\\\\le x\\\\le16\\\\right\\\\}\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"9\",\n                \"folderId\": \"5\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"g\\\\left(x\\\\right)=f\\\\left(x\\\\right)+5\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"13\",\n                \"folderId\": \"5\",\n                \"color\": \"#c74440\",\n                \"latex\": \"F\\\\left(x\\\\right)=\\\\left\\\\{0\\\\le x\\\\le16:2.5-\\\\frac{1}{160}\\\\left(x-1\\\\right)\\\\left(x-8\\\\right)\\\\left(x-14\\\\right),\\\\frac{1}{1156}\\\\left(x-50\\\\right)^{2}\\\\right\\\\}\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"10\",\n                \"folderId\": \"5\",\n                \"color\": \"#388c46\",\n                \"latex\": \"G\\\\left(x\\\\right)=F\\\\left(x\\\\right)+5\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"14\",\n                \"folderId\": \"5\",\n                \"text\": \"Luas:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"15\",\n                \"folderId\": \"5\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"L=\\\\int_{0}^{16}f\\\\left(x\\\\right)dx\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"16\",\n                \"folderId\": \"5\",\n                \"color\": \"#388c46\",\n                \"latex\": \"f_{1}\\\\left(x\\\\right)=g\\\\left(\\\\operatorname{floor}\\\\left(\\\\frac{n}{16}x\\\\right)\\\\cdot\\\\frac{16}{n}\\\\right)\\\\left\\\\{0\\\\le x\\\\le16\\\\right\\\\}\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"17\",\n                \"folderId\": \"5\",\n                \"color\": \"#6042a6\",\n                \"latex\": \"L_{1}=\\\\int_{0}^{16}\\\\left(f_{1}\\\\left(x\\\\right)-5\\\\right)dx\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"18\",\n                \"folderId\": \"5\",\n                \"color\": \"#000000\",\n                \"latex\": \"f_{2}\\\\left(x\\\\right)=F\\\\left(\\\\operatorname{ceil}\\\\left(\\\\frac{n}{16}x\\\\right)\\\\cdot\\\\frac{16}{n}\\\\right)\\\\left\\\\{0\\\\le x\\\\le16\\\\right\\\\}\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"19\",\n                \"folderId\": \"5\",\n                \"color\": \"#c74440\",\n                \"latex\": \"L_{2}=\\\\int_{0}^{16}f_{2}\\\\left(x\\\\right)dx\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"78\",\n                \"title\": \"Jejak titik\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"85\",\n                \"folderId\": \"78\",\n                \"text\": \"Untuk A_1:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"79\",\n                \"folderId\": \"78\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"h_{apus1}=A_{1daftar}\\\\to\\\\left[\\\\left(0,0\\\\right)\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"80\",\n                \"folderId\": \"78\",\n                \"color\": \"#388c46\",\n                \"latex\": \"A_{1daftar}=\\\\left[\\\\left(0,0\\\\right)\\\\right]\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"81\",\n                \"folderId\": \"78\",\n                \"color\": \"#6042a6\",\n                \"latex\": \"i_{nList}\\\\left(L_{ist},P\\\\right)=\\\\left\\\\{\\\\operatorname{total}\\\\left(\\\\sum_{n=\\\\left[1...\\\\operatorname{length}\\\\left(L_{ist}\\\\right)\\\\right]}^{\\\\left[1...\\\\operatorname{length}\\\\left(L_{ist}\\\\right)\\\\right]}\\\\left\\\\{P.x=L_{ist}\\\\left[n\\\\right].x:\\\\left\\\\{P.y=L_{ist}\\\\left[n\\\\right].y:1,0\\\\right\\\\},0\\\\right\\\\}\\\\right)\\\\ge1:1,0\\\\right\\\\}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"82\",\n                \"folderId\": \"78\",\n                \"color\": \"#000000\",\n                \"latex\": \"t_{ambah1}=\\\\left\\\\{i_{nList}\\\\left(A_{1daftar},A_{1}\\\\right)=0:A_{1daftar}\\\\to\\\\operatorname{join}\\\\left(A_{1daftar},A_{1}\\\\right)\\\\right\\\\}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"83\",\n                \"folderId\": \"78\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"A_{1tampil}=A_{1daftar}\\\\left[2...\\\\operatorname{length}\\\\left(A_{1daftar}\\\\right)\\\\right]\\\\left\\\\{\\\\operatorname{length}\\\\left(A_{1daftar}\\\\right)>1\\\\right\\\\}\"\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"87\",\n                \"folderId\": \"78\",\n                \"text\": \"Untuk A_2:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"89\",\n                \"folderId\": \"78\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"h_{apus2}=A_{2daftar}\\\\to\\\\left[\\\\left(0,0\\\\right)\\\\right]\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"91\",\n                \"folderId\": \"78\",\n                \"color\": \"#000000\",\n                \"latex\": \"A_{2daftar}=\\\\left[\\\\left(0,0\\\\right)\\\\right]\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"92\",\n                \"folderId\": \"78\",\n                \"color\": \"#000000\",\n                \"latex\": \"t_{ambah2}=\\\\left\\\\{i_{nList}\\\\left(A_{2daftar},A_{2}\\\\right)=0:A_{2daftar}\\\\to\\\\operatorname{join}\\\\left(A_{2daftar},A_{2}\\\\right)\\\\right\\\\}\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"93\",\n                \"folderId\": \"78\",\n                \"color\": \"#388c46\",\n                \"latex\": \"A_{2tampil}=A_{2daftar}\\\\left[2...\\\\operatorname{length}\\\\left(A_{2daftar}\\\\right)\\\\right]\\\\left\\\\{\\\\operatorname{length}\\\\left(A_{2daftar}\\\\right)>1\\\\right\\\\}\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"53\",\n                \"title\": \"Titik\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"54\",\n                \"folderId\": \"53\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"A_{1}=\\\\left(n,L_{1}\\\\right)\",\n                \"dragMode\": \"NONE\",\n                \"pointOutline\": true,\n                \"pointSize\": \"10\",\n                \"movablePointSize\": \"10\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"55\",\n                \"folderId\": \"53\",\n                \"color\": \"#388c46\",\n                \"latex\": \"A_{2}=\\\\left(n,L_{2}\\\\right)\",\n                \"dragMode\": \"NONE\",\n                \"pointOutline\": true,\n                \"pointSize\": \"10\",\n                \"movablePointSize\": \"10\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"59\",\n                \"title\": \"Tombol\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"61\",\n                \"folderId\": \"59\",\n                \"text\": \"Kontrol:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"62\",\n                \"folderId\": \"59\",\n                \"color\": \"#388c46\",\n                \"latex\": \"r_{ekam1}=0\",\n                \"slider\": {\n                    \"hardMin\": true,\n                    \"hardMax\": true,\n                    \"min\": \"0\",\n                    \"max\": \"1\",\n                    \"step\": \"1\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"94\",\n                \"folderId\": \"59\",\n                \"color\": \"#c74440\",\n                \"latex\": \"r_{ekam2}=0\",\n                \"slider\": {\n                    \"hardMin\": true,\n                    \"hardMax\": true,\n                    \"min\": \"0\",\n                    \"max\": \"1\",\n                    \"step\": \"1\"\n                }\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"64\",\n                \"folderId\": \"59\",\n                \"text\": \"Rekam jejak\/berhenti rekam:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"67\",\n                \"folderId\": \"59\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"T=\\\\left(117.5,97.5\\\\right)\",\n                \"hidden\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"65\",\n                \"folderId\": \"59\",\n                \"color\": \"#000000\",\n                \"latex\": \"p_{1}=40\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"66\",\n                \"folderId\": \"59\",\n                \"color\": \"#c74440\",\n                \"latex\": \"l_{1}=9\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"68\",\n                \"folderId\": \"59\",\n                \"color\": \"#388c46\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(T,\\\\left(T.x-p_{1},T.y\\\\right),\\\\left(T.x-p_{1},T.y-l_{1}\\\\right),\\\\left(T.x,T.y-l_{1}\\\\right)\\\\right)\",\n                \"lines\": false,\n                \"colorLatex\": \"w_{putih}\",\n                \"fillOpacity\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"69\",\n                \"folderId\": \"59\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(T,\\\\left(T.x-p_{1},T.y\\\\right),\\\\left(T.x-p_{1},T.y-l_{1}\\\\right),\\\\left(T.x,T.y-l_{1}\\\\right)\\\\right)\",\n                \"fillOpacity\": \"0\",\n                \"lineWidth\": \"1.5\",\n                \"clickableInfo\": {\n                    \"enabled\": true,\n                    \"latex\": \"r_{ekam1}\\\\to1-r_{ekam1},r_{ekam2}\\\\to1-r_{ekam2}\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"70\",\n                \"folderId\": \"59\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(T.x-\\\\frac{1}{2}p_{1},T.y-\\\\frac{1}{2}l_{1}\\\\left\\\\{r_{ekam1}=0\\\\right\\\\}\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"Record trace\",\n                \"hidden\": true,\n                \"labelSize\": \".9\",\n                \"pointOpacity\": \".8\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"96\",\n                \"folderId\": \"59\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(T.x-\\\\frac{1}{2}p_{1},T.y-\\\\frac{1}{2}l_{1}\\\\left\\\\{r_{ekam1}=1\\\\right\\\\}\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"Stop recording\",\n                \"hidden\": true,\n                \"labelSize\": \".9\",\n                \"pointOpacity\": \".8\"\n            },\n            {\n                \"type\": \"text\",\n                \"id\": \"72\",\n                \"folderId\": \"59\",\n                \"text\": \"Hapus:\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"74\",\n                \"folderId\": \"59\",\n                \"color\": \"#2d70b3\",\n                \"latex\": \"p_{2}=23\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"73\",\n                \"folderId\": \"59\",\n                \"color\": \"#c74440\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(T.x-p_{1}-2.5,T.y\\\\right),\\\\left(T.x-p_{1}-2.5-p_{2},T.y\\\\right),\\\\left(T.x-p_{1}-2.5-p_{2},T.y-l_{1}\\\\right),\\\\left(T.x-p_{1}-2.5,T.y-l_{1}\\\\right)\\\\right)\",\n                \"lines\": false,\n                \"colorLatex\": \"w_{putih}\",\n                \"fillOpacity\": \"1\"\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"75\",\n                \"folderId\": \"59\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\operatorname{polygon}\\\\left(\\\\left(T.x-p_{1}-2.5,T.y\\\\right),\\\\left(T.x-p_{1}-2.5-p_{2},T.y\\\\right),\\\\left(T.x-p_{1}-2.5-p_{2},T.y-l_{1}\\\\right),\\\\left(T.x-p_{1}-2.5,T.y-l_{1}\\\\right)\\\\right)\",\n                \"fillOpacity\": \"0\",\n                \"lineWidth\": \"1.5\",\n                \"clickableInfo\": {\n                    \"enabled\": true,\n                    \"latex\": \"h_{apus1},h_{apus2}\"\n                }\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"76\",\n                \"folderId\": \"59\",\n                \"color\": \"#000000\",\n                \"latex\": \"\\\\left(T.x-p_{1}-2.5-\\\\frac{1}{2}p_{2},T.y-\\\\frac{1}{2}l_{1}\\\\right)\",\n                \"showLabel\": true,\n                \"label\": \"Clear\",\n                \"hidden\": true,\n                \"labelSize\": \".9\",\n                \"pointOpacity\": \".8\"\n            },\n            {\n                \"type\": \"folder\",\n                \"id\": \"32\",\n                \"title\": \"Warna\",\n                \"collapsed\": true\n            },\n            {\n                \"type\": \"expression\",\n                \"id\": \"33\",\n                \"folderId\": \"32\",\n                \"color\": \"#388c46\",\n                \"latex\": \"w_{putih}=\\\\operatorname{rgb}\\\\left(255,255,255\\\\right)\"\n            }\n        ],\n        \"ticker\": {\n            \"handlerLatex\": \"\\\\left\\\\{r_{ekam1}=1:t_{ambah1}\\\\right\\\\},\\\\left\\\\{r_{ekam2}=1:t_{ambah2}\\\\right\\\\}\",\n            \"playing\": true,\n            \"open\": true\n        }\n    },\n    \"includeFunctionParametersInRandomSeed\": true,\n    \"doNotMigrateMovablePointStyle\": true\n};\n\n  calculator1.setState(state1);\n  calculator2.setState(state2);\n\n  \/\/ Source\n  var nHelper = calculator1.HelperExpression({ latex: 'n' });\n\n  \/\/ Sink\n  nHelper.observe('numericValue', function() {\n    var value = nHelper.numericValue;\n    if (!isNaN(value)) {\n      calculator2.setExpression({ id: '3', latex: `n=${value}` });\n    }\n  });\n\n<\/script>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group is-style-twentytwentyone-border\"><div class=\"wp-block-group__inner-container\">\n<div class=\"related-topics\">\n  <h3>Explore related topics<\/h3>\n  <p>Discover more contents with related topics in this website.<\/p>\n  <ul class=\"topics-list\">\n    <li><a href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/?s=Problem+Solving\">Problem Solving<\/a><\/li>    \n    <li><a href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/?s=Mathematics\">Mathematics<\/a><\/li>\n    <li><a href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/?s=Calculus\">Calculus<\/a><\/li>\n    <li><a href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/?s=Integral\">Integral<\/a><\/li>\n    <li><a href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/?s=Definite+Integral\">Definite Integral<\/a><\/li>\n    <li><a href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/?s=Area\">Area<\/a><\/li>\n    <li><a href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/?s=Interactive+Learning+Resource\">Interactive Learning Resource<\/a><\/li>\n  <\/ul>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>An interactive tool showing how increasing the number of rectangles beneath a curve leads to better approximations of the area, connecting to the concept of the definite integral.<\/p>\n","protected":false},"author":1,"featured_media":1272,"parent":1140,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","spay_email":""},"jetpack_shortlink":"https:\/\/wp.me\/P93lma-km","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages\/1262"}],"collection":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/comments?post=1262"}],"version-history":[{"count":7,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages\/1262\/revisions"}],"predecessor-version":[{"id":1380,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages\/1262\/revisions\/1380"}],"up":[{"embeddable":true,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages\/1140"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/media\/1272"}],"wp:attachment":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/media?parent=1262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}