{
  "information": {
    "Title": "Heat Transfer Simulation: Heating Water and Energy Loss",
    "Author": [
      "weelookang@gmail.com",
      "Francisco Esquembre",
      "Felix J. Garcia Clemente",
      "Rena F",
      "Zed",
      "Anne Wong (idea)"
    ],
    "AuthorLogo": [
      "./1authorlookangphoto5050.png",
      "./01authorPacoEsquembre2011.png",
      "./01authorFelix_J_Garcia_Clemente.png",
      "./rena.png",
      "./zed.png",
      ""
    ],
    "Password": "",
    "Keywords": "heat transfer, heating water, cooling, temperature time graph, thermal equilibrium, fair test, water bath, science simulation",
    "Abstract": "Investigate heating and heat transfer using a beaker, water bath and labelled temperature-time graph. Compare heater settings, bath temperature and bath mass using fair tests.",
    "Copyright": "",
    "Level": "",
    "Language": "",
    "Logo": [
      "./heatTransfer/Screenshot 2020-06-22 at 5.32.08 PM.png"
    ],
    "RunAlways": "true",
    "ModelTab": "",
    "ModelTabTitle": "",
    "ModelName": "",
    "FixedNavigationBar": "false",
    "CSSFile": "",
    "DetectedFiles": [
      "./01authorFelix_J_Garcia_Clemente.png",
      "./01authorPacoEsquembre2011.png",
      "./1authorlookangphoto5050.png",
      "./heatTransfer/Screenshot 2020-06-22 at 5.32.08 PM.png",
      "./rena.png",
      "./zed.png"
    ],
    "AuxiliaryFiles": [
      "./heatTransfer/"
    ],
    "HTMLHead": "<!-- iwant2study-ejs-responsive:v1 -->\n<style type=\"text/css\">\n#_topFrame iframe { max-width: 100%; aspect-ratio: 16 / 9; height: auto; }\n#_topFrame > #text { max-width: 100%; position: static !important; }\n@media (max-width: 600px) {\n #_topFrame > #mainPanel, #_topFrame > #dataPanel { width: 100% !important; display: block !important; float: none !important; }\n #_topFrame > #dataPanel { overflow-x: auto; }\n #_topFrame > #topPanel:has(> #plantSelect) { flex-wrap: wrap; gap: 4px; height: auto !important; }\n #_topFrame > #topPanel:has(> #plantSelect) > * { min-height: 44px; max-width: 100%; font-size: 16px !important; }\n #_topFrame #plantSelect, #_topFrame #applianceSelect { width: calc(50% - 4px) !important; flex-shrink: 0; }\n}\n</style>\n<!-- /iwant2study-ejs-responsive:v1 -->\n\n\n<!-- iwant2study-learning-footer:v1 -->\n<link rel=\"canonical\" href=\"https://iwant2study.org/lookangejss/03thermalphysics_09transferofthermalenergy/ejss_model_HeatTransferv2/\" />\n<meta name=\"description\" content=\"Investigate heating water, thermal energy transfer and energy loss. Change one variable at a time and compare temperature changes.\" />\n<style type=\"text/css\">\n#iwt-learning-footer{box-sizing:border-box;max-width:1000px;margin:20px auto;padding:16px;border:1px solid #d8e2ec;border-radius:12px;background:#f7fafc;color:#17324d;font:16px/1.6 system-ui,sans-serif}\n#iwt-learning-footer h2{font-size:1.15rem;margin:12px 0 4px}#iwt-learning-footer ul{display:flex;flex-wrap:wrap;gap:8px 24px;padding-left:20px;margin:8px 0}#iwt-learning-footer a{color:#075ca8;text-decoration:underline}#iwt-learning-footer summary{cursor:pointer;padding:8px 0;font-weight:600}#iwt-learning-footer iframe{max-width:100%;border:0}\n.iwt-manual-ad{max-width:1200px;margin:24px auto;clear:both}.iwt-manual-ad-label{font:12px system-ui,sans-serif;color:#666;margin:0 0 8px}\n</style>\n<script type=\"text/javascript\">\n//<![CDATA[\n(function(){\nfunction init(){\n var frame=document.getElementById('_topFrame');\n if(!frame||!frame.querySelector('svg,canvas'))return false;\n if(document.getElementById('iwt-learning-footer'))return true;\n var holder=document.createElement('div');holder.innerHTML=\"<section id=\\\"iwt-learning-footer\\\" aria-label=\\\"Explore and continue learning\\\"><details><summary>Try a short investigation</summary><p>Predict which setup heats faster. Change one variable, compare the temperature curves, and use energy transfer to explain the result.</p></details><details><summary>Watch the existing YouTube tutorial</summary><iframe loading=\\\"lazy\\\" title=\\\"Heat transfer tutorial\\\" width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube-nocookie.com/embed/4eK7pg2g4kQ\\\" allowfullscreen=\\\"allowfullscreen\\\"></iframe></details><h2>Related resources</h2><ul><li><a href=\\\"https://iwant2study.org/lookangejss/biology/ejss_model_transpiration/\\\">Transpiration and temperature</a></li><li><a href=\\\"https://iwant2study.org/textbooks/physics/\\\">Physics textbook</a></li></ul></section>\";\n var footer=holder.firstChild;frame.parentNode.insertBefore(footer,frame.nextSibling);\n if(!document.querySelector('ins.adsbygoogle[data-ad-slot]')){\n  var box=document.createElement('div');box.className='iwt-manual-ad';\n  var label=document.createElement('p');label.className='iwt-manual-ad-label';label.textContent='Advertisement';box.appendChild(label);\n  var ad=document.createElement('ins');ad.className='adsbygoogle';ad.style.display='block';\n  ad.setAttribute('data-ad-client','ca-pub-0121577198857509');ad.setAttribute('data-ad-slot','7142112786');ad.setAttribute('data-ad-format','horizontal');ad.setAttribute('data-full-width-responsive','true');box.appendChild(ad);\n  footer.parentNode.insertBefore(box,footer.nextSibling);\n  if(!document.querySelector('script[src*=\"pagead/js/adsbygoogle.js\"]')){var loader=document.createElement('script');loader.async=true;loader.crossOrigin='anonymous';loader.src='/lookangejss/adsense-country-gate.php';document.head.appendChild(loader);}\n  (window.adsbygoogle=window.adsbygoogle||[]).push({});\n }\n return true;\n}\nfunction start(){if(!init()){var observer=new MutationObserver(function(){if(init())observer.disconnect();});observer.observe(document.body,{childList:true,subtree:true});}}\nif(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start,{once:true});else start();\n}());\n//]]>\n</script>\n<!-- /iwant2study-learning-footer:v1 -->\n<!-- iwant2study-ejs-layout:v1 -->\n<style type=\"text/css\">\n#_topFrame { position: relative; display: flow-root; }\n#_topFrame > #fullscreen:has(> #panel > #plottingPanel),\n#_topFrame > #full:has(> #panel > #plottingPanel) { position: relative; height: auto !important; }\n#_topFrame > #fullscreen > #panel:has(> #plottingPanel),\n#_topFrame > #full > #panel:has(> #plottingPanel) { position: relative !important; top: auto !important; left: auto !important; }\n#_topFrame > #fullscreen:has(> #panel > #plottingPanel) > #text3,\n#_topFrame > #full:has(> #panel > #plottingPanel) > #text { position: static !important; top: auto !important; left: auto !important; }\n</style>\n<!-- /iwant2study-ejs-layout:v1 -->\n\n<!-- iwant2study-ejs-ad-protection:v1 -->\n<script type=\"text/javascript\">\n//<![CDATA[\n(function () {\n  function protect() {\n    var frame = document.getElementById('_topFrame');\n    if (!frame) return false;\n    frame.setAttribute('google-side-rail-overlap', 'false');\n    return true;\n  }\n  if (!protect()) {\n    var observer = new MutationObserver(function () {\n      if (protect()) observer.disconnect();\n    });\n    observer.observe(document.documentElement, {childList: true, subtree: true});\n    document.addEventListener('DOMContentLoaded', function () {\n      if (protect()) observer.disconnect();\n    }, {once: true});\n  }\n}());\n//]]>\n</script>\n<!-- /iwant2study-ejs-ad-protection:v1 -->\n\n<style type=\"text/css\">\n.metadata { display: none; }\n</style>\n<script async=\"true\" src=\"https://www.googletagmanager.com/gtag/js?id=UA-3326007-19\"></script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n  gtag('config', 'UA-3326007-19');\n</script>\n<script data-ad-client=\"ca-pub-0121577198857509\" async=\"true\" src=\"/lookangejss/adsense-country-gate.php\"></script>\n<style data-heat-lab=\"source\">\n.ht-guide{font:15px/1.5 Arial,sans-serif;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 14px;margin-bottom:10px;text-align:left}.ht-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.ht-title strong{font-size:22px}.ht-title a{color:#075985;font-weight:bold}.ht-guide p{margin:5px 0}.ht-guide small{color:#475569}\n.ht-learning{font:16px/1.6 Arial,sans-serif;color:#1e293b;text-align:left;max-width:1000px;margin:20px auto;padding:12px}.ht-learning h2{font-size:23px}.ht-learning h3{font-size:18px;margin-top:0}.ht-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ht-tasks article{padding:14px;border-radius:10px;background:#f1f5f9}.ht-learning details{border:1px solid #cbd5e1;border-radius:8px;padding:12px;margin:10px 0}.ht-learning summary{cursor:pointer;font-weight:bold}.ht-key{padding:10px;background:#f1f5f9;border-radius:8px}\n#fullscreen #control button:focus-visible,#fullscreen #control input:focus-visible{outline:3px solid #0284c7;outline-offset:2px}\n@media(max-width:699px){#fullscreen #panel,#fullscreen #control{grid-template-columns:minmax(0,1fr)!important}.ht-tasks{grid-template-columns:1fr}.ht-title strong{font-size:20px}.ht-guide{font-size:14px}.ht-learning{font-size:15px}}\n\n/* Compact control layout: source groups keep hidden stage controls out of the flow. */\n#fullscreen #control{grid-template-columns:minmax(0,1fr)!important;gap:5px!important}\n#fullscreen #compactHeader,#fullscreen #compactSettings,#fullscreen #compactBottom{width:100%;box-sizing:border-box;min-width:0}\n#fullscreen #compactHeader{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 12px}\n#fullscreen #compactSettings{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px}\n#fullscreen #compactBottom{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px}\n#fullscreen #controlPanel{display:flex!important;flex-wrap:wrap;gap:5px;margin:0!important}\n#fullscreen #bTem,#fullscreen #heat{white-space:normal}\n#fullscreen #cTem{white-space:normal}\n@media(max-width:699px){\n #fullscreen #compactHeader{gap:3px}\n #fullscreen #stageInstruction{flex-basis:100%!important;font-size:14px!important}\n #fullscreen #bTem,#fullscreen #heat{flex:1 1 140px!important}\n #fullscreen #b22,#fullscreen #heat3{display:block!important;font-size:14px!important}\n #fullscreen #slider22,#fullscreen #heat2{width:100%!important}\n #fullscreen #cTem{flex:1 1 100%!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2px 6px}\n #fullscreen #cTem[style*=\"display: none\"]{display:none!important}\n #fullscreen #cTem[style*=\"display: inline-block\"]{display:grid!important}\n #fullscreen #c,#fullscreen #cMass{font-size:14px!important;white-space:normal!important}\n #fullscreen #slider2,#fullscreen #slider23{width:100%!important}\n #fullscreen #controlPanel{flex-basis:100%!important}\n #fullscreen #transferShortcut{flex-basis:100%!important}\n #fullscreen #temperatureReadout{flex-basis:100%!important}\n}\n</style>",
    "SaveInXMLFormat": "false",
    "IncludeSource": "true",
    "IncludeLibrary": "true",
    "UglifyJS": "false",
    "PreviewFullModel": "false",
    "UseInterpreter": "true",
    "UseDeltaForODE": "false"
  },
  "description": {
    "pages": []
  },
  "model": {
    "variables": {
      "pages": [
        {
          "Name": "EditableVariable",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "backgroundT",
              "Value": "30",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bT",
              "Value": "100",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cT",
              "Value": "25",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "upArrowView",
              "Value": "true",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bMass",
              "Value": "0.10",
              "Type": "double",
              "Dimension": "",
              "Comment": "0.1 for 100 ml of water",
              "Domain": "public"
            },
            {
              "Name": "cMass",
              "Value": "0.10",
              "Type": "double",
              "Dimension": "",
              "Comment": "0.1 for 100 ml of water",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        },
        {
          "Name": "Var Table",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "font",
              "Value": "\"normal normal 16px Arial, sans-serif\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "t",
              "Value": "0",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "dt",
              "Value": "1",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "pi",
              "Value": "Math.PI",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bvT",
              "Value": "0",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cvT",
              "Value": "0",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "memorycolor",
              "Value": "0",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "firsttime2",
              "Value": "true",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "temp",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xminTransfer",
              "Value": "-8",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xmaxTransfer",
              "Value": "8",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "yminTransfer",
              "Value": "-5",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ymaxTransfer",
              "Value": "10",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        },
        {
          "Name": "retortstand",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "retortstandcolor",
              "Value": "\"#a5b2bf\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        },
        {
          "Name": "tempLayout",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "fireT",
              "Value": "100",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "maxT",
              "Value": "bT",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xcTherm",
              "Value": "-4",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ycTherm",
              "Value": "0.6",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xbTherm",
              "Value": "1.5",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ybTherm",
              "Value": "0.6",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xSizeTherm",
              "Value": "0.4",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ySizeTherm",
              "Value": "8.5",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "fireNum",
              "Value": "1",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "fireLevel",
              "Value": "\"Low\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xFire",
              "Value": "[0,-0.5,0.5,-1,1]",
              "Type": "double",
              "Dimension": "[fireNum]",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cView",
              "Value": "false",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "cView used as controllable of 2 stage of the experiment",
              "Domain": "public"
            },
            {
              "Name": "fView",
              "Value": "false",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "Image of fire icon",
              "Domain": "public"
            },
            {
              "Name": "tView",
              "Value": "false",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "Text of the button",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "arrowNum",
              "Value": "1",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xArrow1",
              "Value": "[2,2,2]",
              "Type": "double",
              "Dimension": "[arrowNum]",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xArrow2",
              "Value": "[-2,-2,-2]",
              "Type": "double",
              "Dimension": "[arrowNum]",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "yArrow",
              "Value": "[1,0.5,1.5]",
              "Type": "double",
              "Dimension": "[arrowNum]",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "runArrow",
              "Value": "false",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        },
        {
          "Name": "BtempCalc",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "heating",
              "Value": "100",
              "Type": "double",
              "Dimension": "",
              "Comment": "using 385 intead of 4200 for water",
              "Domain": "public"
            },
            {
              "Name": "heatings",
              "Value": "heating",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bC",
              "Value": "4200",
              "Type": "double",
              "Dimension": "",
              "Comment": "water 4200 385",
              "Domain": "public"
            },
            {
              "Name": "bMassGram",
              "Value": "bMass*1.0E3",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bh",
              "Value": "400",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "brho",
              "Value": "8933",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bA",
              "Value": "6*Math.pow(bMass/brho,2.0/3.0)",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bVol",
              "Value": "bMass/brho",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bVolCmCubed",
              "Value": "bVol*1.0E6",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "bKappa",
              "Value": "bh*bA/bMass/bC",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "aT",
              "Value": "25",
              "Type": "double",
              "Dimension": "",
              "Comment": "temperature of the water in the beaker when its at the 1st boiling setup",
              "Domain": "public"
            },
            {
              "Name": "avT",
              "Value": "0",
              "Type": "double",
              "Dimension": "",
              "Comment": "avT ",
              "Domain": "public"
            },
            {
              "Name": "bcolor",
              "Value": "\"rgba(100,200,255,0.5)\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "\"rgba(137,209,254,0.5)\"",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        },
        {
          "Name": "CtempCalc 2",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cC",
              "Value": "4200",
              "Type": "double",
              "Dimension": "",
              "Comment": "385",
              "Domain": "public"
            },
            {
              "Name": "cMassGram",
              "Value": "cMass*1.0E3",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ch",
              "Value": "400",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "crho",
              "Value": "8933",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cA",
              "Value": "6*Math.pow(cMass/crho,2.0/3.0)",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cVol",
              "Value": "cMass/crho",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cVolCmCubed",
              "Value": "cVol*1.0E6",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "cKappa",
              "Value": "ch*cA/cMass/cC",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ccolor",
              "Value": "\"rgba(50,50,255,0.5)\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        },
        {
          "Name": "layout",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "iOS",
              "Value": "/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "http://stackoverflow.com/questions/9038625/detect-if-device-is-ios",
              "Domain": "public"
            },
            {
              "Name": "Android",
              "Value": "/Android|android/i.test(navigator.userAgent)",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "iPad",
              "Value": "/iPad/.test(navigator.userAgent) && !window.MSStream",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "http://stackoverflow.com/questions/9038625/detect-if-device-is-ios",
              "Domain": "public"
            },
            {
              "Name": "iPhone",
              "Value": "/iPhone|iPod/.test(navigator.userAgent) && !window.MSStream",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "http://stackoverflow.com/questions/9038625/detect-if-device-is-ios",
              "Domain": "public"
            },
            {
              "Name": "Width",
              "Value": "(_isEPub)?\"400\":\"100%\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "display width",
              "Domain": "public"
            },
            {
              "Name": "Height",
              "Value": "(_isEPub)?\"500\":\"100%\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "Width1",
              "Value": "\"50%\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "display width",
              "Domain": "public"
            },
            {
              "Name": "Width2",
              "Value": "\"50%\"",
              "Type": "String",
              "Dimension": "",
              "Comment": "display width",
              "Domain": "public"
            },
            {
              "Name": "world",
              "Value": "true",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "graph",
              "Value": "true",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "disabledworld",
              "Value": "false",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "disabled",
              "Value": "false",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "",
              "Value": "",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        },
        {
          "Name": "cells",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xmin",
              "Value": "-10",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "xmax",
              "Value": "10",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ymin",
              "Value": "-10",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            },
            {
              "Name": "ymax",
              "Value": "10",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": "public"
            }
          ]
        }
      ]
    },
    "initialization": {
      "pages": [
        {
          "Name": "arrows",
          "Active": "true",
          "Internal": "false",
          "Type": "CODE_EDITOR",
          "Comment": "",
          "Code": ""
        }
      ]
    },
    "evolution": {
      "information": {
        "FPS": "20",
        "SPD": "5",
        "RealTimeVariable": "",
        "Autoplay": "false"
      },
      "pages": [
        {
          "Name": "Evol Page",
          "Active": "true",
          "Internal": "false",
          "Type": "ODE_EDITOR",
          "Comment": "avT 4*fireNum",
          "IndependentVariable": "t",
          "Increment": "dt",
          "Equations": [
            {
              "state": "aT",
              "rate": "avT"
            },
            {
              "state": "bT",
              "rate": "bvT"
            },
            {
              "state": "cT",
              "rate": "(cView==false)?0:cvT"
            },
            {
              "state": "",
              "rate": ""
            }
          ],
          "Method": "RungeKutta",
          "AbsoluteTolerance": "0.00001",
          "PreliminaryCode": {
            "Code": "//avT = -bKappa*(aT-maxT)-bKappa*(aT-backgroundT)+heating/bC/bMass;\n\n//a is the heating up stage\navT = -bKappa*(aT-maxT)+heating/bC/bMass;\n// b is the cooling of beaker\nif (bMass==0){\nbvT = 0;  \n  }\n  else{\nbvT = -bKappa*(bT-cT)-bKappa*(bT-backgroundT)+heating/bC/bMass;\n}\n// c is the heating on container\nif (cMass==0){\n cvT = -cKappa*(cT-bT)-bKappa*(cT-backgroundT); \n  }\n  else{\ncvT = -cKappa*(cT-bT)-bKappa*(cT-backgroundT)+heating/cC/cMass;\n}",
            "Comment": "Code to be executed before rate equations are evaluated"
          },
          "EventMaximumStep": "",
          "Events": {
            "pages": [
              {
                "Type": "EVENT_EDITOR",
                "Name": "heating",
                "Active": "true",
                "Internal": "false",
                "EventType": "CROSSING_EVENT",
                "Method": "BISECTION",
                "Iterations": "100",
                "Tolerance": "1.0e-5",
                "StopAtEvent": "true",
                "ZeroCondition": "return aT-maxT;",
                "Action": "_pause();\naT=maxT; bT=maxT;\ntView=true;\nEJSS_INTERFACE.BoxPanel.showOkDialog(\n  \"Target reached: \" + _view._format(maxT,\"0\") + \" \u00b0C. The heater will switch off. Continue to compare the beaker and water bath.\",\n  function() { beginHeatTransfer(); }\n);\nvar stageDialog=document.getElementById(\".myBoxPanelOk\");\nif (stageDialog) {\n  stageDialog.style.fontSize=\"16px\";\n  stageDialog.style.color=\"#1e293b\";\n  stageDialog.style.width=\"min(420px, calc(100vw - 32px))\";\n  stageDialog.style.left=\"50%\";\n  stageDialog.style.marginLeft=\"0\";\n  stageDialog.style.transform=\"translateX(-50%)\";\n  stageDialog.style.top=\"24px\";\n  stageDialog.style.height=\"auto\";\n  stageDialog.style.padding=\"18px\";\n  stageDialog.style.boxSizing=\"border-box\";\n  stageDialog.style.border=\"1px solid #cbd5e1\";\n  stageDialog.style.borderRadius=\"12px\";\n}\nvar stageOK=document.getElementById(\".myBoxPanelOk.okbt\");\nif (stageOK) { stageOK.style.minHeight=\"44px\"; stageOK.style.fontSize=\"16px\"; }\n",
                "Comment": ""
              },
              {
                "Type": "EVENT_EDITOR",
                "Name": "stop",
                "Active": "true",
                "Internal": "false",
                "EventType": "CROSSING_EVENT",
                "Method": "BISECTION",
                "Iterations": "100",
                "Tolerance": "1.0e-5",
                "StopAtEvent": "true",
                "ZeroCondition": "if (bvT<0){ // check bvT is decreasing down instead of going up\nreturn backgroundT-(bT-0.04);\n}\n",
                "Action": "\n_pause();\nupArrowView = false;\n",
                "Comment": ""
              }
            ]
          },
          "ZenoEffect": {
            "Code": "",
            "Comment": "",
            "StopAfterEffect": "true"
          },
          "AccelerationIndependentOfVelocity": "false",
          "ForceSynchronization": "false",
          "UseBestInterpolation": "false",
          "EstimateFirstStep": "false",
          "MemoryLength": "",
          "InternalStep": "",
          "MaximumStep": "",
          "MaximumNumberOfSteps": "10000",
          "RelativeTolerance": "",
          "DelayList": "",
          "DelayMaximum": "",
          "DelayAddDiscont": "",
          "DelayInitialCondition": {
            "Code": "",
            "Comment": ""
          },
          "DirectIncidenceMatrix": "",
          "Discontinuities": {
            "pages": []
          },
          "ErrorHandling": {
            "pages": []
          }
        }
      ]
    },
    "fixed_relations": {
      "pages": [
        {
          "Name": "FixRel Page",
          "Active": "true",
          "Internal": "false",
          "Type": "CODE_EDITOR",
          "Comment": "",
          "Code": "if (cView==false){\n  bT=aT;\n  }\n\n\nif (cT>bT && runArrow==false){\n  temp = xArrow1;\n  xArrow1 = xArrow2;\n  xArrow2 = temp;\n  runArrow = true;\n  }\n"
        }
      ]
    },
    "custom": {
      "pages": [
        {
          "Name": "fullscreen",
          "Active": "true",
          "Internal": "false",
          "Type": "LIBRARY_EDITOR",
          "Comment": "",
          "Code": "//https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode\n// does not work for iOS \n/*jslint browser:true */\nfunction toggleFullScreen() {\n  if (!document.fullscreenElement &&    // alternative standard method\n      !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  // current working methods\n    if (document.documentElement.requestFullscreen) {\n      document.documentElement.requestFullscreen();\n    } else if (document.documentElement.msRequestFullscreen) {\n      document.documentElement.msRequestFullscreen();\n    } else if (document.documentElement.mozRequestFullScreen) {\n      document.documentElement.mozRequestFullScreen();\n    } else if (document.documentElement.webkitRequestFullscreen) {\n      document.documentElement.webkitRequestFullscreen();\n    }\n  } else {\n    if (document.exitFullscreen) {\n      document.exitFullscreen();\n    } else if (document.msExitFullscreen) {\n      document.msExitFullscreen();\n    } else if (document.mozCancelFullScreen) {\n      document.mozCancelFullScreen();\n    } else if (document.webkitExitFullscreen) {\n      document.webkitExitFullscreen();\n    }\n  }\n}"
        },
        {
          "Name": "cal",
          "Active": "true",
          "Internal": "false",
          "Type": "LIBRARY_EDITOR",
          "Comment": "",
          "Code": "function cal () {\n\nbMassGram = bMass*1.0E3;\nbA = 6*Math.pow(bMass/brho,2.0/3.0);\nbVol = bMass/brho;\nbVolCmCubed= bVol*1.0E6;\nbKappa = bh*bA/bMass/bC;\nif (bMass==0){bKappa=0;}\n\ncMassGram=cMass*1.0E3;\ncA = 6*Math.pow(cMass/crho,2.0/3.0);\ncVol = cMass/crho;\ncVolCmCubed= cVol*1.0E6;\ncKappa = ch*cA/cMass/cC;\nif (cMass==0){cKappa=0;}\n}\n"
        },
        {
          "Name": "changeOrientation",
          "Active": "true",
          "Internal": "false",
          "Type": "LIBRARY_EDITOR",
          "Comment": "",
          "Code": "// code to be copied to EJSS source code under Custom and used in drawingPanel3D and plottingPanel2D\n// address the problem is height difference is iOS app , epub, and Firefox\n// user need to change only k and kepub\n// copy %changeOrientation()% into the Height Field of drawingPanel3D and plottingPanel2D\nfunction changeOrientation() {\n \nvar k =0.80 ; // k control height 1 is for full screen, 0.9 shorten etc\nvar kapple =0.90 // control apple app height\nvar kepub =0.90 ;\n// check platform for Apps\ntry { // allow code to run in Student Learning Space \n  var iOSapp =  (typeof parent.device != 'undefined' && parent.device.platform == \"iOS\");\n  var Androidapp = (typeof parent.device != 'undefined' && parent.device.platform == \"Android\");\n} catch(e) {\n  var iOSapp = false;\n  var Androidapp = false;\n}\n// check platform for web browsers\nvar iOS =/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\nvar iPad =/iPad/.test(navigator.userAgent) && !window.MSStream;\nvar iPhone = /iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\nvar Android= /Android|android/i.test(navigator.userAgent);\n\n//navigator\nvar Firefox = navigator.userAgent.indexOf(\"Firefox\") != -1;\n \nswitch (window.orientation) { // using window.orientation as deciding factor\n  case 0:\n  case 180:\n    this.screenOrientation = 'portrait';\n    if (iOSapp){ // does not seems to work\n      \n      return window.screen.height*kapple;  //0.1 for app and 0.1 for nonfullscreenapp  \n    \n    }\n    else if (_isEPub){ // does not seems to work\n      //   return Math.max(window.screen.width,window.screen.height)*0.9;\n      return window.innerHeight*kepub;  //0.1 for app and 0.1 for nonfullscreenapp  \n      // return window.screen.height;\n      //  return window.innerHeight;\n      // return document.documentElement.clientHeight;\n    }\n   \n    else {\n     \n      return 100*k+\"vh\";\n    }\n    break;\n  case 90:\n  case -90:\n    this.screenOrientation = 'landscape';\n \n    if (iOSapp){ // App\n      return window.screen.width*kapple;  \n      // return window.screen.height;\n      //  return window.innerHeight;\n      //  return document.documentElement.clientHeight;\n    }\n    else if (_isEPub){ // does not seems to work\n      //   return Math.max(window.screen.width,window.screen.height)*0.9;\n      return window.innerHeight*kepub;  //0.1 for app and 0.1 for nonfullscreenapp  \n      // return window.screen.height;\n      //  return window.innerHeight;\n      // return document.documentElement.clientHeight;\n    }\n   \n    else {\n      return 100*k+\"vh\";\n      }\n    break;\n  default:\n    this.screenOrientation = 'unknown';\n    //       return (iPad)?\"\"+(window.screen.width+window.screen.height)*0.4:((iPhone)?\"\"+window.screen.width:_view._format(window.innerHeight*0.9,\"0\"));\n     if (Firefox){\n      return window.innerHeight*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n      }\n   //   else if (iOS&&(window.orientation==0)||(window.orientation==180)){\n   //   return  window.screen.height*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n   //   }\n    //  else if (iOS&&(window.orientation==90)||(window.orientation==-90)){\n   //   return  window.screen.width*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n   //   }\n      else {\n      //alert();\n      // return 100*k+\"%\"; // work on fullscreen works in EJSS6.0beta\n        //  works in EjsS_5.3_180131\n      return  window.innerHeight*k; // work on panel \n       \n}\n\n}\n \n}"
        },
        {
          "Name": "speech",
          "Active": "true",
          "Internal": "false",
          "Type": "LIBRARY_EDITOR",
          "Comment": "",
          "Code": "// copy this custom function\n// in iOS need to add speech to the play button as On iOS the API works but must be triggered by a user action callback, like a response to a tap event, to provide a better experience to users and avoid unexpected sounds out of your phone\nfunction speech (option) {\n\n\ntry { // allow code to run in Student Learning Space \nvar isCordova = (!!this.parent.cordova || !!window.cordova);\nif(isCordova) { // check it is running in Android or iOS\n       // parent.TTS.speak({text:option,locale:'zh-CN'});\n\tparent.TTS.speak({text:option,locale:'us-EN'});\n\t// parent.TTS.speak({text:option,locale:'en-US'});\n\t// parent.TTS.speak({text:option,locale:'id-ID'});\n} \n} \ncatch(e) {\n  var isCordova = false;\n  }\n  \n   var msg = new SpeechSynthesisUtterance(option);\n\n  //https://stackoverflow.com/questions/43983845/speechsynthesis-api-for-chinese-firefox\n  // Set the text.\n\t//msg.text = option; \n\t//https://forums.developer.apple.com/message/323564#323564\n\t// comment out the next 2 lines for english\n//msg.voice = speechSynthesis.getVoices().filter(function(voice) { return voice.name == 'Ting-Ting'; })[0];\n//msg.lang = 'zh-CH'; // need for android?\n//msg.lang = 'id-ID'; // need for android?\nmsg.lang = 'us-EN'; // need for android?\n\n//https://flaviocopes.com/speech-synthesis-api/\n//debug\n//console.log(`Voices #: ${speechSynthesis.getVoices().length}`)\n//speechSynthesis.getVoices().forEach(voice => {\n// console.log(voice.name, voice.lang)\n//})\n//debug\n\n// Queue this utterance.\nwindow.speechSynthesis.speak(msg);\n\n\n\n \n\n}"
        },
        {
          "Name": "stageTransition",
          "Active": "true",
          "Internal": "false",
          "Type": "LIBRARY_EDITOR",
          "Comment": "One shared transition for the normal heating flow and teacher shortcut.",
          "Code": "function beginHeatTransfer() {\n  _pause();\n  // The event hand-off and teacher shortcut use the same exact target state.\n  aT=maxT; bT=maxT;\n  t=0;\n  heating=0;\n  cView=true; fView=false; tView=false;\n  xminTransfer=-10; xmaxTransfer=8; yminTransfer=0; ymaxTransfer=15;\n  cal();\n  _update();\n}\n"
        }
      ]
    },
    "elements": {
      "list": []
    }
  },
  "view": {
    "Tree": [
      {
        "Name": "fullscreen",
        "Type": "Panel",
        "Expanded": "true",
        "Properties": [
          {
            "name": "Width",
            "value": "Width"
          }
        ],
        "Children": [
          {
            "Name": "learningGuide",
            "Type": "Panel",
            "Properties": [
              {
                "name": "Html",
                "value": "<div class=\"ht-guide\"><div class=\"ht-title\"><strong>Heat transfer lab</strong><a href=\"#ht-teacher\">Teacher guide \u2193</a></div><p>Predict \u2192 run \u2192 compare the temperature curves. Follow the water from heating to heat exchange.</p><small>Orange: beaker \u00b7 Blue: water bath \u00b7 Grey: room temperature. Thermometer columns share a linear 0\u2013100 \u00b0C scale; 30 \u00b0C is 30% of the column. A steeper curve means a faster temperature change.</small></div>"
              },
              {
                "name": "Display",
                "value": "\"none\""
              }
            ]
          },
          {
            "Name": "control",
            "Type": "Panel",
            "Expanded": "true",
            "Properties": [
              {
                "name": "Background",
                "value": "\"#f1f5f9\""
              },
              {
                "name": "BorderColor",
                "value": "\"#cbd5e1\""
              },
              {
                "name": "BorderWidth",
                "value": "1"
              },
              {
                "name": "Width",
                "value": "\"100%\""
              },
              {
                "name": "Font",
                "value": "font"
              },
              {
                "name": "Display",
                "value": "\"grid\""
              },
              {
                "name": "CSS",
                "value": "{\"border-radius\": \"10px\", \"padding\": \"8px\", \"box-sizing\": \"border-box\", \"gap\": \"5px\", \"grid-template-columns\": \"minmax(0,1fr)\", \"text-align\": \"left\"}"
              }
            ],
            "Children": [
              {
                "Name": "compactHeader",
                "Type": "Panel",
                "Expanded": "false",
                "Properties": [
                  {
                    "name": "Display",
                    "value": "\"flex\""
                  },
                  {
                    "name": "CSS",
                    "value": "{\"align-items\": \"center\", \"gap\": \"12px\", \"min-width\": \"0\"}"
                  }
                ],
                "Children": [
                  {
                    "Name": "stageHeading",
                    "Type": "Label",
                    "Properties": [
                      {
                        "name": "Text",
                        "value": "cView ? \"2 \u00b7 Heat transfer \u2014 heater off\" : \"1 \u00b7 Heating water\""
                      },
                      {
                        "name": "Font",
                        "value": "\"normal bold 18px Arial, sans-serif\""
                      },
                      {
                        "name": "CSS",
                        "value": "{\"display\": \"block\", \"flex\": \"0 0 auto\", \"padding\": \"0\", \"text-align\": \"left\", \"white-space\": \"normal\", \"color\": \"#0f172a\"}"
                      }
                    ]
                  },
                  {
                    "Name": "stageInstruction",
                    "Type": "Label",
                    "Properties": [
                      {
                        "name": "Text",
                        "value": "cView ? \"Set bath temperature and mass; Play to compare. Reset starts a new trial.\" : \"Set target and heater level; Play to heat, or start transfer at the target.\""
                      },
                      {
                        "name": "Font",
                        "value": "font"
                      },
                      {
                        "name": "CSS",
                        "value": "{\"display\": \"block\", \"flex\": \"1 1 250px\", \"padding\": \"0\", \"text-align\": \"left\", \"white-space\": \"normal\", \"color\": \"#475569\", \"min-width\": \"0\"}"
                      }
                    ]
                  }
                ]
              },
              {
                "Name": "compactSettings",
                "Type": "Panel",
                "Expanded": "false",
                "Properties": [
                  {
                    "name": "Display",
                    "value": "\"flex\""
                  },
                  {
                    "name": "CSS",
                    "value": "{\"align-items\": \"center\", \"gap\": \"8px\", \"min-width\": \"0\", \"flex-wrap\": \"wrap\"}"
                  }
                ],
                "Children": [
                  {
                    "Name": "bTem",
                    "Type": "Panel",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Background",
                        "value": "\"#fff1e5\""
                      },
                      {
                        "name": "Width",
                        "value": "\"auto\""
                      },
                      {
                        "name": "Display",
                        "value": "cView==false? \"inline-block\":\"none\""
                      },
                      {
                        "name": "CSS",
                        "value": "{\"flex\": \"1 1 260px\", \"padding\": \"4px 8px\", \"border-radius\": \"7px\", \"box-sizing\": \"border-box\", \"text-align\": \"left\", \"margin\": \"0\", \"min-width\": \"0\"}"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "b22",
                        "Type": "Label",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Heating target: \" + _view._format(maxT,\"0\") + \" \u00b0C\""
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"padding\": \"0\", \"margin\": \"0 6px 0 0\", \"white-space\": \"nowrap\", \"color\": \"#1e293b\"}"
                          }
                        ]
                      },
                      {
                        "Name": "slider22",
                        "Type": "Slider",
                        "Properties": [
                          {
                            "name": "Minimum",
                            "value": "35"
                          },
                          {
                            "name": "Maximum",
                            "value": "100"
                          },
                          {
                            "name": "Value",
                            "value": "maxT"
                          },
                          {
                            "name": "OnChange",
                            "value": "bT = maxT;"
                          },
                          {
                            "name": "Step",
                            "value": "5"
                          },
                          {
                            "name": "Disabled",
                            "value": "t>0"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"width\": \"min(220px,100%)\", \"min-height\": \"32px\", \"display\": \"inline-block\", \"vertical-align\": \"middle\", \"padding\": \"0\", \"margin\": \"0\"}"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "heat",
                    "Type": "Panel",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Background",
                        "value": "\"#fff1e5\""
                      },
                      {
                        "name": "Display",
                        "value": "cView == false?\"inline-block\":\"none\""
                      },
                      {
                        "name": "Width",
                        "value": "\"auto\""
                      },
                      {
                        "name": "CSS",
                        "value": "{\"flex\": \"1 1 260px\", \"padding\": \"4px 8px\", \"border-radius\": \"7px\", \"box-sizing\": \"border-box\", \"text-align\": \"left\", \"margin\": \"0\", \"min-width\": \"0\"}"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "heat3",
                        "Type": "Label",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Heater level: \" + fireLevel"
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"padding\": \"0\", \"margin\": \"0 6px 0 0\", \"white-space\": \"nowrap\", \"color\": \"#1e293b\"}"
                          }
                        ]
                      },
                      {
                        "Name": "heat2",
                        "Type": "Slider",
                        "Properties": [
                          {
                            "name": "Minimum",
                            "value": "1"
                          },
                          {
                            "name": "Maximum",
                            "value": "5"
                          },
                          {
                            "name": "Value",
                            "value": "fireNum"
                          },
                          {
                            "name": "OnChange",
                            "value": "heating = heatings*fireNum;\nif (fireNum==1){\nfireLevel=\"Low\";\n}\nelse if (fireNum==3){\nfireLevel=\"Medium\";\n}\nif (fireNum==5){\nfireLevel=\"High\";\n}\n"
                          },
                          {
                            "name": "Step",
                            "value": "2"
                          },
                          {
                            "name": "Disabled",
                            "value": "t>0"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"width\": \"min(220px,100%)\", \"min-height\": \"32px\", \"display\": \"inline-block\", \"vertical-align\": \"middle\", \"padding\": \"0\", \"margin\": \"0\"}"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "cTem",
                    "Type": "Panel",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Background",
                        "value": "\"#e7f2fb\""
                      },
                      {
                        "name": "Tooltip",
                        "value": "\"Set starting bath temperature and mass before Play\""
                      },
                      {
                        "name": "Width",
                        "value": "\"auto\""
                      },
                      {
                        "name": "Display",
                        "value": "cView==true?\"inline-block\":\"none\""
                      },
                      {
                        "name": "CSS",
                        "value": "{\"flex\": \"1 1 560px\", \"padding\": \"4px 8px\", \"border-radius\": \"7px\", \"box-sizing\": \"border-box\", \"text-align\": \"left\", \"margin\": \"0\", \"min-width\": \"0\"}"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "c",
                        "Type": "Label",
                        "Properties": [
                          {
                            "name": "CSS",
                            "value": "{\"padding\": \"0\", \"margin\": \"0 6px 0 0\", \"white-space\": \"nowrap\", \"color\": \"#1e293b\"}"
                          },
                          {
                            "name": "Text",
                            "value": "\"Bath temperature: \" + _view._format(cT,\"0.0\") + \" \u00b0C\""
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          }
                        ]
                      },
                      {
                        "Name": "slider2",
                        "Type": "Slider",
                        "Properties": [
                          {
                            "name": "Minimum",
                            "value": "25"
                          },
                          {
                            "name": "Maximum",
                            "value": "100"
                          },
                          {
                            "name": "Value",
                            "value": "cT"
                          },
                          {
                            "name": "Step",
                            "value": "1"
                          },
                          {
                            "name": "Disabled",
                            "value": "t>0"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"width\": \"min(220px,100%)\", \"min-height\": \"32px\", \"display\": \"inline-block\", \"vertical-align\": \"middle\", \"padding\": \"0\", \"margin\": \"0\"}"
                          }
                        ]
                      },
                      {
                        "Name": "cMass",
                        "Type": "Label",
                        "Properties": [
                          {
                            "name": "CSS",
                            "value": "{\"padding\": \"0\", \"margin\": \"0 6px 0 0\", \"white-space\": \"nowrap\", \"color\": \"#1e293b\"}"
                          },
                          {
                            "name": "Text",
                            "value": "\"Bath water mass: \" + _view._format(cMass,\"0.0\") + \" kg\""
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          }
                        ]
                      },
                      {
                        "Name": "slider23",
                        "Type": "Slider",
                        "Properties": [
                          {
                            "name": "Minimum",
                            "value": "0"
                          },
                          {
                            "name": "Maximum",
                            "value": "1"
                          },
                          {
                            "name": "Value",
                            "value": "cMass"
                          },
                          {
                            "name": "OnChange",
                            "value": "cal (); // calculate bKappa and cKappa\n\nif (cMass==0){\nccolor=\"rgba(0,0,255,0.0)\";\n}\nelse {\nccolor=\"rgba(50,50,255,0.5)\";  \n  }\n"
                          },
                          {
                            "name": "Step",
                            "value": "0.1"
                          },
                          {
                            "name": "Disabled",
                            "value": "t>0"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"width\": \"min(220px,100%)\", \"min-height\": \"32px\", \"display\": \"inline-block\", \"vertical-align\": \"middle\", \"padding\": \"0\", \"margin\": \"0\"}"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "heatarrowchoice",
                    "Type": "Panel",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Display",
                        "value": "cView==true? \"inline-block\":\"none\""
                      },
                      {
                        "name": "CSS",
                        "value": "{\"flex\": \"0 0 auto\", \"padding\": \"0\", \"margin\": \"0\", \"text-align\": \"left\"}"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "checkBox",
                        "Type": "CheckBox",
                        "Properties": [
                          {
                            "name": "Checked",
                            "value": "upArrowView"
                          },
                          {
                            "name": "OnCheckOff",
                            "value": "upArrowView=false;"
                          },
                          {
                            "name": "Tooltip",
                            "value": "\"Show the direction of thermal energy transfer\""
                          },
                          {
                            "name": "Text",
                            "value": "\"Show heat flow\""
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          },
                          {
                            "name": "OnCheckOn",
                            "value": "upArrowView=true;"
                          }
                        ]
                      }
                    ]
                  }
                ]
              },
              {
                "Name": "compactBottom",
                "Type": "Panel",
                "Expanded": "false",
                "Properties": [
                  {
                    "name": "Display",
                    "value": "\"flex\""
                  },
                  {
                    "name": "CSS",
                    "value": "{\"align-items\": \"center\", \"gap\": \"8px\", \"min-width\": \"0\", \"flex-wrap\": \"wrap\"}"
                  }
                ],
                "Children": [
                  {
                    "Name": "controlPanel",
                    "Type": "Panel",
                    "Expanded": "false",
                    "Properties": [
                      {
                        "name": "Display",
                        "value": "\"flex\""
                      },
                      {
                        "name": "CSS",
                        "value": "{\"flex\": \"1 1 500px\", \"gap\": \"5px\", \"flex-wrap\": \"wrap\", \"margin\": \"0\", \"padding\": \"0\", \"min-width\": \"0\", \"align-items\": \"stretch\"}"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "playPauseButton2",
                        "Type": "TwoStateButton",
                        "Properties": [
                          {
                            "name": "OffClick",
                            "value": "_pause();\n//speech (\"paused\");"
                          },
                          {
                            "name": "TextOn",
                            "value": "\"Play \u25b6\""
                          },
                          {
                            "name": "State",
                            "value": "_isPaused"
                          },
                          {
                            "name": "Tooltip",
                            "value": "\"Play/Pause\""
                          },
                          {
                            "name": "TextOff",
                            "value": "\"Pause \u275a\u275a\""
                          },
                          {
                            "name": "Disabled",
                            "value": "tView==true"
                          },
                          {
                            "name": "Width",
                            "value": "\"auto\""
                          },
                          {
                            "name": "OnClick",
                            "value": "_play();\n//speech (\"play\");\n\nif (cView==true){\n  arrowNum=3;\n  }\n"
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"flex\": \"1 1 68px\", \"min-height\": \"44px\", \"padding\": \"4px 8px\", \"margin\": \"0\", \"border-radius\": \"7px\", \"box-sizing\": \"border-box\", \"white-space\": \"normal\"}"
                          }
                        ]
                      },
                      {
                        "Name": "stepButton2",
                        "Type": "Button",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Step \u25b8\""
                          },
                          {
                            "name": "Disabled",
                            "value": "tView==true"
                          },
                          {
                            "name": "OnClick",
                            "value": "_step()"
                          },
                          {
                            "name": "Width",
                            "value": "\"auto\""
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"flex\": \"1 1 68px\", \"min-height\": \"44px\", \"padding\": \"4px 8px\", \"margin\": \"0\", \"border-radius\": \"7px\", \"box-sizing\": \"border-box\", \"white-space\": \"normal\"}"
                          },
                          {
                            "name": "Tooltip",
                            "value": "\"Advance by one simulation time step\""
                          }
                        ]
                      },
                      {
                        "Name": "resetButton3",
                        "Type": "Button",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Reset \u21bb\""
                          },
                          {
                            "name": "OnClick",
                            "value": "_reset();\n//speechzh (\"\u4f60\u597d\");\n"
                          },
                          {
                            "name": "Width",
                            "value": "\"auto\""
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"flex\": \"1 1 68px\", \"min-height\": \"44px\", \"padding\": \"4px 8px\", \"margin\": \"0\", \"border-radius\": \"7px\", \"box-sizing\": \"border-box\", \"white-space\": \"normal\"}"
                          }
                        ]
                      },
                      {
                        "Name": "transferShortcut",
                        "Type": "Button",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Start transfer at target \u2192\""
                          },
                          {
                            "name": "Tooltip",
                            "value": "\"Skip heating and start with beaker water at the selected target temperature\""
                          },
                          {
                            "name": "Display",
                            "value": "cView || t>0 ? \"none\" : \"inline-block\""
                          },
                          {
                            "name": "OnClick",
                            "value": "beginHeatTransfer();"
                          },
                          {
                            "name": "Font",
                            "value": "font"
                          },
                          {
                            "name": "CSS",
                            "value": "{\"flex\": \"1 1 170px\", \"min-height\": \"44px\", \"padding\": \"4px 8px\", \"margin\": \"0\", \"border-radius\": \"7px\", \"box-sizing\": \"border-box\", \"white-space\": \"normal\"}"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "temperatureReadout",
                    "Type": "Label",
                    "Properties": [
                      {
                        "name": "Text",
                        "value": "\"Beaker \" + _view._format(bT,\"0.0\") + \" \u00b0C\" + (cView && cMass>0 ? \"   |   Bath \" + _view._format(cT,\"0.0\") + \" \u00b0C\" : \"\") + \"   |   Room \" + _view._format(backgroundT,\"0\") + \" \u00b0C   |   Time \" + _view._format(t/60,\"0.00\") + \" min\""
                      },
                      {
                        "name": "Font",
                        "value": "\"normal bold 14px Arial, sans-serif\""
                      },
                      {
                        "name": "CSS",
                        "value": "{\"display\": \"block\", \"flex\": \"1 1 370px\", \"padding\": \"6px 8px\", \"margin\": \"0\", \"text-align\": \"left\", \"white-space\": \"normal\", \"background\": \"#fff\", \"border-radius\": \"7px\", \"color\": \"#1e293b\", \"min-width\": \"0\", \"box-sizing\": \"border-box\"}"
                      }
                    ]
                  }
                ]
              },
              {
                "Name": "heatFlowReadout",
                "Type": "Label",
                "Properties": [
                  {
                    "name": "Text",
                    "value": "!cView ? \"Heating: compare how quickly the beaker reaches its target.\" : cMass<=0 ? \"No bath water is shown. Use a positive bath mass to compare heat exchange.\" : Math.abs(bT-cT)<0.2 ? \"Beaker and bath are nearly the same temperature; both still exchange energy with the room.\" : bT>cT ? \"Beaker \u2192 bath: energy transfers from hotter to cooler water. Both also exchange energy with the room.\" : \"Bath \u2192 beaker: energy transfers from hotter to cooler water. Both also exchange energy with the room.\""
                  },
                  {
                    "name": "Font",
                    "value": "\"normal normal 14px Arial, sans-serif\""
                  },
                  {
                    "name": "CSS",
                    "value": "{\"display\": \"block\", \"padding\": \"0 2px\", \"margin\": \"0\", \"text-align\": \"left\", \"white-space\": \"normal\", \"color\": \"#475569\", \"min-width\": \"0\"}"
                  }
                ]
              },
              {
                "Name": "button",
                "Type": "Button",
                "Properties": [
                  {
                    "name": "Tooltip",
                    "value": "tView==true? \"inline-block\":\"none\""
                  },
                  {
                    "name": "Text",
                    "value": "\"Temperature of the water has reached 100\u00b0C \\n Click to continue to the next set up.\""
                  },
                  {
                    "name": "Width",
                    "value": "\"22vw\""
                  },
                  {
                    "name": "OnClick",
                    "value": "bT=100;\nt=0;\ncView=true;\nfView=false;\ntView=false;\n//disabled=false;\n//_view.resetElements();\n//_view.trial.newSegment();\n"
                  },
                  {
                    "name": "Display",
                    "value": "\"none\""
                  }
                ]
              }
            ]
          },
          {
            "Name": "panel",
            "Type": "Panel",
            "Expanded": "true",
            "Properties": [
              {
                "name": "Height",
                "value": "\"100%\""
              },
              {
                "name": "Width",
                "value": "\"100%\""
              },
              {
                "name": "Display",
                "value": "\"grid\""
              },
              {
                "name": "CSS",
                "value": "{\"grid-template-columns\":\"repeat(2,minmax(0,1fr))\",\"gap\":\"12px\",\"margin-top\":\"12px\",\"box-sizing\":\"border-box\"}"
              }
            ],
            "Children": [
              {
                "Name": "Transfer",
                "Type": "PlottingPanel",
                "Expanded": "true",
                "Properties": [
                  {
                    "name": "ShowAreaRectangle",
                    "value": "false"
                  },
                  {
                    "name": "Gutters",
                    "value": "[0,0,0,0]"
                  },
                  {
                    "name": "YScalePrecision",
                    "value": "0"
                  },
                  {
                    "name": "XFixedTick",
                    "value": "0"
                  },
                  {
                    "name": "OnDoubleClick",
                    "value": "toggleFullScreen();"
                  },
                  {
                    "name": "AxisXShow",
                    "value": "false"
                  },
                  {
                    "name": "YFixedTick",
                    "value": "0"
                  },
                  {
                    "name": "TRMessage",
                    "value": "\"\""
                  },
                  {
                    "name": "XTickStep",
                    "value": "1"
                  },
                  {
                    "name": "YTickStep",
                    "value": "1"
                  },
                  {
                    "name": "XAutoTicks",
                    "value": "false"
                  },
                  {
                    "name": "Height",
                    "value": "%window.innerWidth < 700 ? 330 : Math.max(300,Math.min(500,window.innerHeight-340))%"
                  },
                  {
                    "name": "OnPress",
                    "value": "var position = _view.Transfer.getInteraction().getInteractionPoint();\n"
                  },
                  {
                    "name": "Width",
                    "value": "\"100%\""
                  },
                  {
                    "name": "Enabled",
                    "value": "true"
                  },
                  {
                    "name": "MaximumY",
                    "value": "ymaxTransfer"
                  },
                  {
                    "name": "MaximumX",
                    "value": "xmaxTransfer"
                  },
                  {
                    "name": "YAutoTicks",
                    "value": "false"
                  },
                  {
                    "name": "MinimumX",
                    "value": "xminTransfer"
                  },
                  {
                    "name": "MinimumY",
                    "value": "yminTransfer"
                  },
                  {
                    "name": "AxisYShow",
                    "value": "false"
                  },
                  {
                    "name": "AutoScaleY",
                    "value": "false"
                  },
                  {
                    "name": "AutoScaleX",
                    "value": "false"
                  },
                  {
                    "name": "Visibility",
                    "value": "world===true"
                  },
                  {
                    "name": "XScalePrecision",
                    "value": "0"
                  },
                  {
                    "name": "Background",
                    "value": "\"#f8fafc\""
                  },
                  {
                    "name": "GuttersColor",
                    "value": "\"#ffffff\""
                  },
                  {
                    "name": "GridXShow",
                    "value": "false"
                  },
                  {
                    "name": "GridYShow",
                    "value": "false"
                  }
                ],
                "Children": [
                  {
                    "Name": "container2",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [],
                    "Children": [
                      {
                        "Name": "conWater",
                        "Type": "Polygon2D",
                        "Properties": [
                          {
                            "name": "Points",
                            "value": "[[-5,2],[-5,0],[3,0],[3,2]]"
                          },
                          {
                            "name": "FillColor",
                            "value": "cMass>0 ? \"rgba(95,170,220,0.35)\" : \"rgba(0,0,0,0)\""
                          },
                          {
                            "name": "Visibility",
                            "value": "cView === true"
                          }
                        ]
                      },
                      {
                        "Name": "container",
                        "Type": "Polygon2D",
                        "Properties": [
                          {
                            "name": "Points",
                            "value": "[[-5.5,4.5],[-5,4],[-5,0],[3,0],[3,4],[3.5,4.5]]"
                          },
                          {
                            "name": "Visibility",
                            "value": "cView === true"
                          },
                          {
                            "name": "LineWidth",
                            "value": "3"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#55748a\""
                          }
                        ]
                      },
                      {
                        "Name": "containertext",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "FillColor",
                            "value": "\"#334155\""
                          },
                          {
                            "name": "X",
                            "value": "3.5"
                          },
                          {
                            "name": "Y",
                            "value": "6"
                          },
                          {
                            "name": "Text",
                            "value": "\"Water bath\""
                          },
                          {
                            "name": "Visibility",
                            "value": "cView==true"
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 14px Arial, sans-serif\""
                          }
                        ]
                      },
                      {
                        "Name": "clabel",
                        "Type": "Arrow2D",
                        "Properties": [
                          {
                            "name": "MarkEnd",
                            "value": "\"NONE\""
                          },
                          {
                            "name": "SizeX",
                            "value": "-0.5"
                          },
                          {
                            "name": "X",
                            "value": "3.5"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"rgba(64,192,128,1)\""
                          },
                          {
                            "name": "Y",
                            "value": "4"
                          },
                          {
                            "name": "MarkStart",
                            "value": "\"NONE\""
                          },
                          {
                            "name": "Visibility",
                            "value": "cView==true"
                          },
                          {
                            "name": "SizeY",
                            "value": "1.5"
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "beaker",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [],
                    "Children": [
                      {
                        "Name": "beakerline",
                        "Type": "Polygon2D",
                        "Properties": [
                          {
                            "name": "Points",
                            "value": "[[-2.2,4.5],[-2,4],[-2,0],[2,0],[2,4],[2.2,4.5]]"
                          },
                          {
                            "name": "LineWidth",
                            "value": "3"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#55748a\""
                          }
                        ]
                      },
                      {
                        "Name": "bLabel",
                        "Type": "Arrow2D",
                        "Properties": [
                          {
                            "name": "MarkEnd",
                            "value": "\"NONE\""
                          },
                          {
                            "name": "SizeX",
                            "value": "1"
                          },
                          {
                            "name": "X",
                            "value": "-2"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"rgba(64,192,128,1)\""
                          },
                          {
                            "name": "Y",
                            "value": "4"
                          },
                          {
                            "name": "MarkStart",
                            "value": "\"NONE\""
                          },
                          {
                            "name": "SizeY",
                            "value": "3"
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "beakertext",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "FillColor",
                            "value": "\"#334155\""
                          },
                          {
                            "name": "X",
                            "value": "-1"
                          },
                          {
                            "name": "Y",
                            "value": "7.5"
                          },
                          {
                            "name": "Text",
                            "value": "\"beaker\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 14px Arial, sans-serif\""
                          }
                        ]
                      },
                      {
                        "Name": "beakerwater",
                        "Type": "Polygon2D",
                        "Properties": [
                          {
                            "name": "Points",
                            "value": "[[-2,2],[-2,0],[2,0],[2,2]]"
                          },
                          {
                            "name": "FillColor",
                            "value": "\"rgba(230,155,95,0.38)\""
                          }
                        ]
                      },
                      {
                        "Name": "beakerGraduations",
                        "Type": "SegmentSet2D",
                        "Properties": [
                          {
                            "name": "NumberOfElements",
                            "value": "4"
                          },
                          {
                            "name": "X",
                            "value": "-1.9"
                          },
                          {
                            "name": "Y",
                            "value": "[0.8,1.6,2.4,3.2]"
                          },
                          {
                            "name": "SizeX",
                            "value": "0.35"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#7395aa\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "glassHighlight",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "-1.7"
                          },
                          {
                            "name": "Y",
                            "value": "0.2"
                          },
                          {
                            "name": "SizeX",
                            "value": "0"
                          },
                          {
                            "name": "SizeY",
                            "value": "3.7"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"rgba(255,255,255,0.8)\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "3"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "bthermometer",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [],
                    "Children": [
                      {
                        "Name": "bTherm",
                        "Type": "Shape2D",
                        "Properties": [
                          {
                            "name": "FillColor",
                            "value": "\"#ffffff\""
                          },
                          {
                            "name": "SizeX",
                            "value": "xSizeTherm"
                          },
                          {
                            "name": "RelativePosition",
                            "value": "\"SOUTH\""
                          },
                          {
                            "name": "ShapeType",
                            "value": "\"ROUND_RECTANGLE\""
                          },
                          {
                            "name": "X",
                            "value": "xbTherm"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm"
                          },
                          {
                            "name": "SizeY",
                            "value": "ySizeTherm"
                          },
                          {
                            "name": "PixelSize",
                            "value": "false"
                          },
                          {
                            "name": "LineWidth",
                            "value": "2"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "aTemperature",
                        "Type": "Shape2D",
                        "Properties": [
                          {
                            "name": "SizeX",
                            "value": "0.01"
                          },
                          {
                            "name": "RelativePosition",
                            "value": "\"SOUTH\""
                          },
                          {
                            "name": "ShapeType",
                            "value": "\"ROUND_RECTANGLE\""
                          },
                          {
                            "name": "X",
                            "value": "xbTherm"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"rgba(255,64,64,1)\""
                          },
                          {
                            "name": "Y",
                            "value": "0.6"
                          },
                          {
                            "name": "Visibility",
                            "value": "false"
                          },
                          {
                            "name": "SizeY",
                            "value": "aT/15"
                          },
                          {
                            "name": "LineWidth",
                            "value": "4"
                          }
                        ]
                      },
                      {
                        "Name": "bTemperature",
                        "Type": "Shape2D",
                        "Properties": [
                          {
                            "name": "SizeX",
                            "value": "0.18"
                          },
                          {
                            "name": "RelativePosition",
                            "value": "\"SOUTH\""
                          },
                          {
                            "name": "ShapeType",
                            "value": "\"RECTANGLE\""
                          },
                          {
                            "name": "X",
                            "value": "xbTherm"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#d55e00\""
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5"
                          },
                          {
                            "name": "Visibility",
                            "value": "true"
                          },
                          {
                            "name": "SizeY",
                            "value": "Math.max(0,Math.min(100,bT))/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#d55e00\""
                          },
                          {
                            "name": "PixelSize",
                            "value": "false"
                          }
                        ]
                      },
                      {
                        "Name": "bBulb",
                        "Type": "Shape2D",
                        "Properties": [
                          {
                            "name": "FillColor",
                            "value": "\"#d55e00\""
                          },
                          {
                            "name": "SizeX",
                            "value": "0.3"
                          },
                          {
                            "name": "RelativePosition",
                            "value": "\"SOUTH\""
                          },
                          {
                            "name": "ShapeType",
                            "value": "\"ROUND_RECTANGLE\""
                          },
                          {
                            "name": "X",
                            "value": "xbTherm"
                          },
                          {
                            "name": "Y",
                            "value": "0.5"
                          },
                          {
                            "name": "SizeY",
                            "value": "1"
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#d55e00\""
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusTick0",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+0/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusLabel0",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+0/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"0\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusTick25",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+25/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusTick30",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+30/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusLabel30",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+30/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"30\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusTick40",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+40/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusLabel40",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+40/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"40\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusTick50",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+50/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusTick75",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+75/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusTick100",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+100/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "bCelsiusLabel100",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm+(1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+0.5+100/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"100\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "bLiveCelsius",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xbTherm"
                          },
                          {
                            "name": "Y",
                            "value": "ybTherm+ySizeTherm+0.5"
                          },
                          {
                            "name": "Text",
                            "value": "_view._format(bT,\"0.0\")+\" \u00b0C\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal bold 12px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#d55e00\""
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "boilingsetup",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "cView==false"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "fireUnicode",
                        "Type": "TextSet2D",
                        "Properties": [
                          {
                            "name": "NumberOfElements",
                            "value": "fireNum"
                          },
                          {
                            "name": "X",
                            "value": "xFire"
                          },
                          {
                            "name": "Y",
                            "value": "-2"
                          },
                          {
                            "name": "Text",
                            "value": "\"\ud83d\udd25\""
                          },
                          {
                            "name": "Visibility",
                            "value": "fView === true"
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 5vw \""
                          }
                        ]
                      },
                      {
                        "Name": "tripodstand",
                        "Type": "Group2D",
                        "Expanded": "true",
                        "Properties": [],
                        "Children": [
                          {
                            "Name": "rightleg",
                            "Type": "Segment2D",
                            "Properties": [
                              {
                                "name": "SizeX",
                                "value": "-1"
                              },
                              {
                                "name": "X",
                                "value": "3"
                              },
                              {
                                "name": "Y",
                                "value": "-5"
                              },
                              {
                                "name": "SizeY",
                                "value": "4"
                              },
                              {
                                "name": "LineWidth",
                                "value": "5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#475569\""
                              }
                            ]
                          },
                          {
                            "Name": "leftleg",
                            "Type": "Segment2D",
                            "Properties": [
                              {
                                "name": "SizeX",
                                "value": "1"
                              },
                              {
                                "name": "X",
                                "value": "-3"
                              },
                              {
                                "name": "Y",
                                "value": "-5"
                              },
                              {
                                "name": "SizeY",
                                "value": "4"
                              },
                              {
                                "name": "LineWidth",
                                "value": "5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#475569\""
                              }
                            ]
                          },
                          {
                            "Name": "base",
                            "Type": "Shape2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "\"Black\""
                              },
                              {
                                "name": "SizeX",
                                "value": "6"
                              },
                              {
                                "name": "ShapeType",
                                "value": "\"RECTANGLE\""
                              },
                              {
                                "name": "X",
                                "value": "0"
                              },
                              {
                                "name": "Y",
                                "value": "-0.9"
                              },
                              {
                                "name": "SizeY",
                                "value": "0.25"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#475569\""
                              }
                            ]
                          },
                          {
                            "Name": "arrow2",
                            "Type": "Arrow2D",
                            "Properties": [
                              {
                                "name": "MarkEnd",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "SizeX",
                                "value": "1.5"
                              },
                              {
                                "name": "X",
                                "value": "-4"
                              },
                              {
                                "name": "Y",
                                "value": "-3"
                              },
                              {
                                "name": "SizeY",
                                "value": "0.1"
                              },
                              {
                                "name": "LineWidth",
                                "value": "1"
                              }
                            ]
                          },
                          {
                            "Name": "tripodtext",
                            "Type": "Text2D",
                            "Properties": [
                              {
                                "name": "X",
                                "value": "-6"
                              },
                              {
                                "name": "Y",
                                "value": "-3"
                              },
                              {
                                "name": "Text",
                                "value": "\"tripod stand\""
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 14px Arial, sans-serif\""
                              },
                              {
                                "name": "FillColor",
                                "value": "\"#334155\""
                              }
                            ]
                          }
                        ]
                      },
                      {
                        "Name": "hotplate2",
                        "Type": "Group2D",
                        "Expanded": "true",
                        "Properties": [],
                        "Children": [
                          {
                            "Name": "hotplatetext",
                            "Type": "Text2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "\"#334155\""
                              },
                              {
                                "name": "X",
                                "value": "-6"
                              },
                              {
                                "name": "Y",
                                "value": "-0.5"
                              },
                              {
                                "name": "Text",
                                "value": "\"hot plate\""
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 14px Arial, sans-serif\""
                              }
                            ]
                          },
                          {
                            "Name": "hotplate",
                            "Type": "Image2D",
                            "Properties": [
                              {
                                "name": "ImageUrl",
                                "value": "\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgNTAwIDEwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJtZXRhbCIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiNkOWUzZTkiLz48c3RvcCBvZmZzZXQ9Ii40IiBzdG9wLWNvbG9yPSIjOThhN2I0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNGE1YzZjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iNyIgeT0iMTgiIHdpZHRoPSI0ODYiIGhlaWdodD0iNzMiIHJ4PSIxMyIgZmlsbD0idXJsKCNtZXRhbCkiIHN0cm9rZT0iIzMzNDE1NSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHJlY3QgeD0iMTQiIHk9IjgiIHdpZHRoPSI0NzIiIGhlaWdodD0iMjkiIHJ4PSIxMCIgZmlsbD0iIzI5MzU0NCIvPjxwYXRoIGQ9Ik0zNSAxN0g0NjUiIHN0cm9rZT0iI2Y1OWUwYiIgc3Ryb2tlLXdpZHRoPSI1Ii8+PGNpcmNsZSBjeD0iNDUzIiBjeT0iNjEiIHI9IjE1IiBmaWxsPSIjMjkzNTQ0IiBzdHJva2U9IiNmOGZhZmMiIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgY3g9IjQwMSIgY3k9IjYxIiByPSI2IiBmaWxsPSIjZWQ4YzM1Ii8+PHRleHQgeD0iNDAiIHk9Ijc1IiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZmlsbD0iIzFlMjkzYiI+SEVBVEVSPC90ZXh0Pjwvc3ZnPg==\""
                              },
                              {
                                "name": "X",
                                "value": "0"
                              },
                              {
                                "name": "Y",
                                "value": "-0.4"
                              },
                              {
                                "name": "SizeX",
                                "value": "5"
                              },
                              {
                                "name": "SizeY",
                                "value": "0.85"
                              }
                            ]
                          },
                          {
                            "Name": "hparrow",
                            "Type": "Arrow2D",
                            "Properties": [
                              {
                                "name": "MarkEnd",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "SizeX",
                                "value": "2"
                              },
                              {
                                "name": "X",
                                "value": "-4.5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"rgba(255,128,0,1)\""
                              },
                              {
                                "name": "Y",
                                "value": "-0.5"
                              },
                              {
                                "name": "MarkStart",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "LineWidth",
                                "value": "1"
                              }
                            ]
                          }
                        ]
                      },
                      {
                        "Name": "retortstand_boiling",
                        "Type": "Group2D",
                        "Expanded": "true",
                        "Properties": [
                          {
                            "name": "Visibility",
                            "value": "cView==false"
                          }
                        ],
                        "Children": [
                          {
                            "Name": "base2",
                            "Type": "Polygon2D",
                            "Properties": [
                              {
                                "name": "Points",
                                "value": "[[3.5,-5],[4,-4],[7,-4],[7.5,-5],[3.5,-5]]"
                              },
                              {
                                "name": "FillColor",
                                "value": "retortstandcolor"
                              },
                              {
                                "name": "LineWidth",
                                "value": "3"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#475569\""
                              }
                            ]
                          },
                          {
                            "Name": "stand",
                            "Type": "Shape2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "retortstandcolor"
                              },
                              {
                                "name": "SizeX",
                                "value": "0.5"
                              },
                              {
                                "name": "ShapeType",
                                "value": "\"RECTANGLE\""
                              },
                              {
                                "name": "X",
                                "value": "5.5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#475569\""
                              },
                              {
                                "name": "Y",
                                "value": "3"
                              },
                              {
                                "name": "SizeY",
                                "value": "14"
                              },
                              {
                                "name": "LineWidth",
                                "value": "3"
                              }
                            ]
                          },
                          {
                            "Name": "neck",
                            "Type": "Shape2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "retortstandcolor"
                              },
                              {
                                "name": "SizeX",
                                "value": "5.5"
                              },
                              {
                                "name": "ShapeType",
                                "value": "\"RECTANGLE\""
                              },
                              {
                                "name": "X",
                                "value": "3.5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#475569\""
                              },
                              {
                                "name": "Y",
                                "value": "8"
                              },
                              {
                                "name": "SizeY",
                                "value": "0.5"
                              },
                              {
                                "name": "LineWidth",
                                "value": "3"
                              }
                            ]
                          },
                          {
                            "Name": "retorttext",
                            "Type": "Text2D",
                            "Properties": [
                              {
                                "name": "X",
                                "value": "3.5"
                              },
                              {
                                "name": "Y",
                                "value": "6.1"
                              },
                              {
                                "name": "Text",
                                "value": "\"retort stand\""
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 14px Arial, sans-serif\""
                              },
                              {
                                "name": "FillColor",
                                "value": "\"#334155\""
                              }
                            ]
                          },
                          {
                            "Name": "arrow3",
                            "Type": "Arrow2D",
                            "Properties": [
                              {
                                "name": "MarkEnd",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "SizeX",
                                "value": "1.3"
                              },
                              {
                                "name": "X",
                                "value": "4.2"
                              },
                              {
                                "name": "Y",
                                "value": "5.5"
                              },
                              {
                                "name": "SizeY",
                                "value": "-0.7"
                              },
                              {
                                "name": "LineWidth",
                                "value": "1.5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#64748b\""
                              }
                            ]
                          }
                        ]
                      },
                      {
                        "Name": "datalogger1",
                        "Type": "Group2D",
                        "Expanded": "true",
                        "Properties": [],
                        "Children": [
                          {
                            "Name": "box",
                            "Type": "Shape2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "\"white\""
                              },
                              {
                                "name": "SizeX",
                                "value": "3"
                              },
                              {
                                "name": "ShapeType",
                                "value": "\"RECTANGLE\""
                              },
                              {
                                "name": "X",
                                "value": "-5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"grey\""
                              },
                              {
                                "name": "Y",
                                "value": "8"
                              },
                              {
                                "name": "SizeY",
                                "value": "3"
                              },
                              {
                                "name": "LineWidth",
                                "value": "3"
                              },
                              {
                                "name": "Visibility",
                                "value": "false"
                              }
                            ]
                          },
                          {
                            "Name": "spring",
                            "Type": "Spring2D",
                            "Properties": [
                              {
                                "name": "Radius",
                                "value": "0.1"
                              },
                              {
                                "name": "SizeX",
                                "value": "6.5"
                              },
                              {
                                "name": "RelativePosition",
                                "value": "\"SOUTH_WEST\""
                              },
                              {
                                "name": "X",
                                "value": "-5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"DarkGray\""
                              },
                              {
                                "name": "Y",
                                "value": "8"
                              },
                              {
                                "name": "SizeY",
                                "value": "1"
                              },
                              {
                                "name": "Loops",
                                "value": "2"
                              },
                              {
                                "name": "LineWidth",
                                "value": "3"
                              }
                            ]
                          },
                          {
                            "Name": "textunicode2",
                            "Type": "Image2D",
                            "Properties": [
                              {
                                "name": "ImageUrl",
                                "value": "\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMjEwIiB2aWV3Qm94PSIwIDAgMzAwIDIxMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJjYXNlIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzcxODA5NiIvPjxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiMzMzQxNTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxODI1MzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSI4IiB5PSI4IiB3aWR0aD0iMjg0IiBoZWlnaHQ9IjE5NCIgcng9IjI0IiBmaWxsPSJ1cmwoI2Nhc2UpIiBzdHJva2U9IiMwZjE3MmEiIHN0cm9rZS13aWR0aD0iNSIvPjxyZWN0IHg9IjMwIiB5PSIzMCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIxMDgiIHJ4PSIxMiIgZmlsbD0iI2RjZWNlMyIgc3Ryb2tlPSIjMTAyYTI5IiBzdHJva2Utd2lkdGg9IjQiLz48dGV4dCB4PSIxNTAiIHk9IjYyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOSIgZmlsbD0iIzM2NTU0YiI+VEVNUEVSQVRVUkU8L3RleHQ+PHBhdGggZD0iTTQ2IDExMkg4MEwxMDMgOTRIMTM1TDE1OCA3OUgxOTBMMjEwIDcySDI1NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjM3ODYwIiBzdHJva2Utd2lkdGg9IjUiLz48Y2lyY2xlIGN4PSI2NiIgY3k9IjE2OCIgcj0iMTIiIGZpbGw9IiM2N2JkOTkiLz48cmVjdCB4PSIxMDQiIHk9IjE1NyIgd2lkdGg9IjcwIiBoZWlnaHQ9IjIwIiByeD0iOCIgZmlsbD0iI2E4YmFjNyIvPjxyZWN0IHg9IjE5MyIgeT0iMTU3IiB3aWR0aD0iNTkiIGhlaWdodD0iMjAiIHJ4PSI4IiBmaWxsPSIjYThiYWM3Ii8+PC9zdmc+\""
                              },
                              {
                                "name": "X",
                                "value": "-5"
                              },
                              {
                                "name": "Y",
                                "value": "8"
                              },
                              {
                                "name": "SizeX",
                                "value": "3.3"
                              },
                              {
                                "name": "SizeY",
                                "value": "2.5"
                              }
                            ]
                          },
                          {
                            "Name": "shape",
                            "Type": "Shape2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "\"Black\""
                              },
                              {
                                "name": "SizeX",
                                "value": "0.4"
                              },
                              {
                                "name": "RelativePosition",
                                "value": "\"SOUTH\""
                              },
                              {
                                "name": "ShapeType",
                                "value": "\"ROUND_RECTANGLE\""
                              },
                              {
                                "name": "X",
                                "value": "1.5"
                              },
                              {
                                "name": "Y",
                                "value": "8.5"
                              },
                              {
                                "name": "SizeY",
                                "value": "0.9"
                              },
                              {
                                "name": "PixelSize",
                                "value": "false"
                              },
                              {
                                "name": "LineWidth",
                                "value": "4"
                              }
                            ]
                          },
                          {
                            "Name": "arrow",
                            "Type": "Arrow2D",
                            "Properties": [
                              {
                                "name": "MarkEnd",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "SizeX",
                                "value": "1"
                              },
                              {
                                "name": "Rotate",
                                "value": "1"
                              },
                              {
                                "name": "X",
                                "value": "-5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"grey\""
                              },
                              {
                                "name": "Y",
                                "value": "2.75"
                              },
                              {
                                "name": "MarkStart",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "Visibility",
                                "value": "false"
                              },
                              {
                                "name": "SizeY",
                                "value": "1"
                              },
                              {
                                "name": "LineWidth",
                                "value": "3"
                              }
                            ]
                          },
                          {
                            "Name": "datalogger",
                            "Type": "Text2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "\"#334155\""
                              },
                              {
                                "name": "X",
                                "value": "-5"
                              },
                              {
                                "name": "Y",
                                "value": "6"
                              },
                              {
                                "name": "Text",
                                "value": "\"data logger\""
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 14px Arial, sans-serif\""
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "cThermometer",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "cView && cMass>0"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "cTherm",
                        "Type": "Shape2D",
                        "Properties": [
                          {
                            "name": "FillColor",
                            "value": "\"#ffffff\""
                          },
                          {
                            "name": "SizeX",
                            "value": "xSizeTherm"
                          },
                          {
                            "name": "RelativePosition",
                            "value": "\"SOUTH\""
                          },
                          {
                            "name": "ShapeType",
                            "value": "\"ROUND_RECTANGLE\""
                          },
                          {
                            "name": "X",
                            "value": "xcTherm"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm"
                          },
                          {
                            "name": "Visibility",
                            "value": "cView === true"
                          },
                          {
                            "name": "SizeY",
                            "value": "ySizeTherm"
                          },
                          {
                            "name": "LineWidth",
                            "value": "2"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "cTemperature",
                        "Type": "Shape2D",
                        "Properties": [
                          {
                            "name": "SizeX",
                            "value": "0.18"
                          },
                          {
                            "name": "RelativePosition",
                            "value": "\"SOUTH\""
                          },
                          {
                            "name": "ShapeType",
                            "value": "\"RECTANGLE\""
                          },
                          {
                            "name": "X",
                            "value": "xcTherm"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#0072b2\""
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5"
                          },
                          {
                            "name": "Visibility",
                            "value": "cView && cMass>0"
                          },
                          {
                            "name": "SizeY",
                            "value": "Math.max(0,Math.min(100,cT))/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#0072b2\""
                          },
                          {
                            "name": "PixelSize",
                            "value": "false"
                          }
                        ]
                      },
                      {
                        "Name": "cThermometerunicodetext",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"\ud83c\udf21\""
                          },
                          {
                            "name": "Visibility",
                            "value": "false"
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 14px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#334155\""
                          }
                        ]
                      },
                      {
                        "Name": "cBulb",
                        "Type": "Shape2D",
                        "Properties": [
                          {
                            "name": "FillColor",
                            "value": "\"#0072b2\""
                          },
                          {
                            "name": "SizeX",
                            "value": "0.3"
                          },
                          {
                            "name": "RelativePosition",
                            "value": "\"SOUTH\""
                          },
                          {
                            "name": "ShapeType",
                            "value": "\"ROUND_RECTANGLE\""
                          },
                          {
                            "name": "X",
                            "value": "xcTherm"
                          },
                          {
                            "name": "Y",
                            "value": "0.5"
                          },
                          {
                            "name": "Visibility",
                            "value": "cView === true"
                          },
                          {
                            "name": "SizeY",
                            "value": "1"
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#0072b2\""
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusTick0",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+0/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(-1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusLabel0",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+0/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"0\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusTick25",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+25/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(-1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusTick30",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+30/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(-1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusLabel30",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+30/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"30\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusTick40",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+40/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(-1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusLabel40",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+40/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"40\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusTick50",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+50/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(-1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusTick75",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+75/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(-1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusTick100",
                        "Type": "Segment2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.24"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+100/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "SizeX",
                            "value": "(-1)*0.14"
                          },
                          {
                            "name": "SizeY",
                            "value": "0"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"#64748b\""
                          },
                          {
                            "name": "LineWidth",
                            "value": "1"
                          }
                        ]
                      },
                      {
                        "Name": "cCelsiusLabel100",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm+(-1)*0.76"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+0.5+100/100*(ySizeTherm-1.2)"
                          },
                          {
                            "name": "Text",
                            "value": "\"100\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal normal 11px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#475569\""
                          }
                        ]
                      },
                      {
                        "Name": "cLiveCelsius",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "X",
                            "value": "xcTherm"
                          },
                          {
                            "name": "Y",
                            "value": "ycTherm+ySizeTherm+0.5"
                          },
                          {
                            "name": "Text",
                            "value": "_view._format(cT,\"0.0\")+\" \u00b0C\""
                          },
                          {
                            "name": "Font",
                            "value": "\"normal bold 12px Arial, sans-serif\""
                          },
                          {
                            "name": "FillColor",
                            "value": "\"#0072b2\""
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "transfersetup",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "cView==true"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "dataloggers2",
                        "Type": "Group2D",
                        "Expanded": "true",
                        "Properties": [],
                        "Children": [
                          {
                            "Name": "dataloggerB",
                            "Type": "Group2D",
                            "Expanded": "true",
                            "Properties": [],
                            "Children": [
                              {
                                "Name": "boxB",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "\"white\""
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "3"
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"Grey\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "13"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "3"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  },
                                  {
                                    "name": "Visibility",
                                    "value": "false"
                                  }
                                ]
                              },
                              {
                                "Name": "springB",
                                "Type": "Spring2D",
                                "Properties": [
                                  {
                                    "name": "Radius",
                                    "value": "0.1"
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "2"
                                  },
                                  {
                                    "name": "X",
                                    "value": "1.5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"Red\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "9"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "4.5"
                                  },
                                  {
                                    "name": "Loops",
                                    "value": "2"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              },
                              {
                                "Name": "shapeB",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "\"Black\""
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "0.4"
                                  },
                                  {
                                    "name": "RelativePosition",
                                    "value": "\"SOUTH\""
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"ROUND_RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "1.5"
                                  },
                                  {
                                    "name": "Y",
                                    "value": "8.5"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "0.9"
                                  },
                                  {
                                    "name": "PixelSize",
                                    "value": "false"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "4"
                                  }
                                ]
                              },
                              {
                                "Name": "arrowB",
                                "Type": "Arrow2D",
                                "Properties": [
                                  {
                                    "name": "SizeX",
                                    "value": "2"
                                  },
                                  {
                                    "name": "X",
                                    "value": "1.5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"grey\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "14"
                                  },
                                  {
                                    "name": "Visibility",
                                    "value": "false"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "-0.3"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              },
                              {
                                "Name": "dataloggerB2",
                                "Type": "Text2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "\"#334155\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "5"
                                  },
                                  {
                                    "name": "Y",
                                    "value": "11.35"
                                  },
                                  {
                                    "name": "Text",
                                    "value": "\"Beaker logger\""
                                  },
                                  {
                                    "name": "Font",
                                    "value": "\"normal normal 14px Arial, sans-serif\""
                                  }
                                ]
                              },
                              {
                                "Name": "textunicode",
                                "Type": "Image2D",
                                "Properties": [
                                  {
                                    "name": "ImageUrl",
                                    "value": "\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMjEwIiB2aWV3Qm94PSIwIDAgMzAwIDIxMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJjYXNlIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzcxODA5NiIvPjxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiMzMzQxNTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxODI1MzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSI4IiB5PSI4IiB3aWR0aD0iMjg0IiBoZWlnaHQ9IjE5NCIgcng9IjI0IiBmaWxsPSJ1cmwoI2Nhc2UpIiBzdHJva2U9IiMwZjE3MmEiIHN0cm9rZS13aWR0aD0iNSIvPjxyZWN0IHg9IjMwIiB5PSIzMCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIxMDgiIHJ4PSIxMiIgZmlsbD0iI2RjZWNlMyIgc3Ryb2tlPSIjMTAyYTI5IiBzdHJva2Utd2lkdGg9IjQiLz48dGV4dCB4PSIxNTAiIHk9IjYyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOSIgZmlsbD0iIzM2NTU0YiI+VEVNUEVSQVRVUkU8L3RleHQ+PHBhdGggZD0iTTQ2IDExMkg4MEwxMDMgOTRIMTM1TDE1OCA3OUgxOTBMMjEwIDcySDI1NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjM3ODYwIiBzdHJva2Utd2lkdGg9IjUiLz48Y2lyY2xlIGN4PSI2NiIgY3k9IjE2OCIgcj0iMTIiIGZpbGw9IiM2N2JkOTkiLz48cmVjdCB4PSIxMDQiIHk9IjE1NyIgd2lkdGg9IjcwIiBoZWlnaHQ9IjIwIiByeD0iOCIgZmlsbD0iI2E4YmFjNyIvPjxyZWN0IHg9IjE5MyIgeT0iMTU3IiB3aWR0aD0iNTkiIGhlaWdodD0iMjAiIHJ4PSI4IiBmaWxsPSIjYThiYWM3Ii8+PC9zdmc+\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "5"
                                  },
                                  {
                                    "name": "Y",
                                    "value": "13"
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "3.3"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "2.5"
                                  }
                                ]
                              }
                            ]
                          },
                          {
                            "Name": "dataloggerC",
                            "Type": "Group2D",
                            "Expanded": "true",
                            "Properties": [
                              {
                                "name": "Visibility",
                                "value": "cMass>0"
                              }
                            ],
                            "Children": [
                              {
                                "Name": "boxC",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "\"white\""
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "3"
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "-7"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"Grey\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "13"
                                  },
                                  {
                                    "name": "Visibility",
                                    "value": "false"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "3"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              },
                              {
                                "Name": "springC",
                                "Type": "Spring2D",
                                "Properties": [
                                  {
                                    "name": "Radius",
                                    "value": "0.1"
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "7.5"
                                  },
                                  {
                                    "name": "X",
                                    "value": "-4"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"Grey\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "9"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "4"
                                  },
                                  {
                                    "name": "Loops",
                                    "value": "3"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              },
                              {
                                "Name": "shapeC",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "\"Black\""
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "0.4"
                                  },
                                  {
                                    "name": "RelativePosition",
                                    "value": "\"SOUTH\""
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"ROUND_RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "-4"
                                  },
                                  {
                                    "name": "Y",
                                    "value": "8.5"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "0.9"
                                  },
                                  {
                                    "name": "PixelSize",
                                    "value": "false"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "4"
                                  }
                                ]
                              },
                              {
                                "Name": "arrowC",
                                "Type": "Arrow2D",
                                "Properties": [
                                  {
                                    "name": "SizeX",
                                    "value": "-2"
                                  },
                                  {
                                    "name": "X",
                                    "value": "-3.5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"grey\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "13"
                                  },
                                  {
                                    "name": "Visibility",
                                    "value": "false"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "0.5"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              }
                            ]
                          }
                        ]
                      },
                      {
                        "Name": "retortstands2",
                        "Type": "Group2D",
                        "Expanded": "true",
                        "Properties": [],
                        "Children": [
                          {
                            "Name": "retortstandB",
                            "Type": "Group2D",
                            "Expanded": "true",
                            "Properties": [
                              {
                                "name": "Visibility",
                                "value": "cView==true"
                              }
                            ],
                            "Children": [
                              {
                                "Name": "baseB",
                                "Type": "Polygon2D",
                                "Properties": [
                                  {
                                    "name": "Points",
                                    "value": "[[3.5,0],[4,1],[7,1],[7.5,0],[3.5,0]]"
                                  },
                                  {
                                    "name": "FillColor",
                                    "value": "retortstandcolor"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"#475569\""
                                  }
                                ]
                              },
                              {
                                "Name": "standB",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "retortstandcolor"
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "0.5"
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "5.5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"#475569\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "6"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "10"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              },
                              {
                                "Name": "neckB",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "retortstandcolor"
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "5.5"
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "3.5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"#475569\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "8"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "0.5"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              }
                            ]
                          },
                          {
                            "Name": "retortstandC",
                            "Type": "Group2D",
                            "Expanded": "false",
                            "Properties": [
                              {
                                "name": "Visibility",
                                "value": "cView==true&&cMass>0"
                              }
                            ],
                            "Children": [
                              {
                                "Name": "baseC",
                                "Type": "Polygon2D",
                                "Properties": [
                                  {
                                    "name": "Points",
                                    "value": "[[-9.5,0],[-9,1],[-6,1],[-5.5,0],[-9.5,0]]"
                                  },
                                  {
                                    "name": "FillColor",
                                    "value": "retortstandcolor"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"#475569\""
                                  }
                                ]
                              },
                              {
                                "Name": "standC",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "retortstandcolor"
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "0.5"
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "-7.5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"#475569\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "6"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "10"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              },
                              {
                                "Name": "neckC",
                                "Type": "Shape2D",
                                "Properties": [
                                  {
                                    "name": "FillColor",
                                    "value": "retortstandcolor"
                                  },
                                  {
                                    "name": "SizeX",
                                    "value": "5.5"
                                  },
                                  {
                                    "name": "ShapeType",
                                    "value": "\"RECTANGLE\""
                                  },
                                  {
                                    "name": "X",
                                    "value": "-5.5"
                                  },
                                  {
                                    "name": "LineColor",
                                    "value": "\"#475569\""
                                  },
                                  {
                                    "name": "Y",
                                    "value": "8"
                                  },
                                  {
                                    "name": "SizeY",
                                    "value": "0.5"
                                  },
                                  {
                                    "name": "LineWidth",
                                    "value": "3"
                                  }
                                ]
                              }
                            ]
                          },
                          {
                            "Name": "arrow4",
                            "Type": "Arrow2D",
                            "Properties": [
                              {
                                "name": "MarkEnd",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "SizeX",
                                "value": "4.5"
                              },
                              {
                                "name": "X",
                                "value": "1.0"
                              },
                              {
                                "name": "Y",
                                "value": "11.7"
                              },
                              {
                                "name": "SizeY",
                                "value": "-1.0"
                              },
                              {
                                "name": "LineWidth",
                                "value": "1.5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#64748b\""
                              }
                            ]
                          },
                          {
                            "Name": "arrow5",
                            "Type": "Arrow2D",
                            "Properties": [
                              {
                                "name": "MarkEnd",
                                "value": "\"NONE\""
                              },
                              {
                                "name": "SizeX",
                                "value": "-4.5"
                              },
                              {
                                "name": "X",
                                "value": "-3.0"
                              },
                              {
                                "name": "Y",
                                "value": "11.7"
                              },
                              {
                                "name": "Visibility",
                                "value": "cMass>0"
                              },
                              {
                                "name": "SizeY",
                                "value": "-1.0"
                              },
                              {
                                "name": "LineWidth",
                                "value": "1.5"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#64748b\""
                              }
                            ]
                          },
                          {
                            "Name": "retorttext2",
                            "Type": "Text2D",
                            "Properties": [
                              {
                                "name": "FillColor",
                                "value": "\"#334155\""
                              },
                              {
                                "name": "OutlineColor",
                                "value": "\"rgba(0,0,0,0)\""
                              },
                              {
                                "name": "X",
                                "value": "-1"
                              },
                              {
                                "name": "Y",
                                "value": "11.8"
                              },
                              {
                                "name": "Text",
                                "value": "\"retort stands\""
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 14px Arial, sans-serif\""
                              }
                            ]
                          }
                        ]
                      },
                      {
                        "Name": "heat_arrows",
                        "Type": "Group2D",
                        "Expanded": "true",
                        "Properties": [],
                        "Children": [
                          {
                            "Name": "upArrows",
                            "Type": "TextSet2D",
                            "Properties": [
                              {
                                "name": "NumberOfElements",
                                "value": "8"
                              },
                              {
                                "name": "FillColor",
                                "value": "\"Red\""
                              },
                              {
                                "name": "Rotate",
                                "value": "4.7"
                              },
                              {
                                "name": "X",
                                "value": "[-4.5,-3.5,-2.5,-1.5,-0.5,0.5,1.5,2.5]"
                              },
                              {
                                "name": "Y",
                                "value": "2"
                              },
                              {
                                "name": "Text",
                                "value": "\"\u21dc\""
                              },
                              {
                                "name": "Visibility",
                                "value": "false"
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 2vw\""
                              }
                            ]
                          },
                          {
                            "Name": "rArrows",
                            "Type": "TextSet2D",
                            "Properties": [
                              {
                                "name": "NumberOfElements",
                                "value": "2"
                              },
                              {
                                "name": "FillColor",
                                "value": "\"Red\""
                              },
                              {
                                "name": "X",
                                "value": "xArrow1"
                              },
                              {
                                "name": "Y",
                                "value": "[0.5,1.5]"
                              },
                              {
                                "name": "Text",
                                "value": "\"\u21dd\""
                              },
                              {
                                "name": "Visibility",
                                "value": "false"
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 2vw\""
                              }
                            ]
                          },
                          {
                            "Name": "lArrow",
                            "Type": "TextSet2D",
                            "Properties": [
                              {
                                "name": "NumberOfElements",
                                "value": "2"
                              },
                              {
                                "name": "FillColor",
                                "value": "\"Red\""
                              },
                              {
                                "name": "X",
                                "value": "xArrow2"
                              },
                              {
                                "name": "Y",
                                "value": "[0.5,1.5]"
                              },
                              {
                                "name": "Text",
                                "value": "\"\u21dc\""
                              },
                              {
                                "name": "Visibility",
                                "value": "false"
                              },
                              {
                                "name": "Font",
                                "value": "\"normal normal 2vw\""
                              }
                            ]
                          },
                          {
                            "Name": "netBathFlow",
                            "Type": "ArrowSet2D",
                            "Properties": [
                              {
                                "name": "NumberOfElements",
                                "value": "2"
                              },
                              {
                                "name": "X",
                                "value": "bT>cT ? [-2.05,2.05] : [-3.15,3.15]"
                              },
                              {
                                "name": "Y",
                                "value": "1.1"
                              },
                              {
                                "name": "SizeX",
                                "value": "bT>cT ? [-1.1,1.1] : [1.1,-1.1]"
                              },
                              {
                                "name": "SizeY",
                                "value": "0"
                              },
                              {
                                "name": "Visibility",
                                "value": "cView && cMass>0 && upArrowView && Math.abs(bT-cT)>0.2"
                              },
                              {
                                "name": "LineColor",
                                "value": "\"#d55e00\""
                              },
                              {
                                "name": "FillColor",
                                "value": "\"#d55e00\""
                              },
                              {
                                "name": "LineWidth",
                                "value": "3"
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "image",
                    "Type": "Image2D",
                    "Properties": [
                      {
                        "name": "ImageUrl",
                        "value": "\"./heatTransfer/Screenshot 2020-06-22 at 9.50.31 PM.webp\""
                      },
                      {
                        "name": "Visibility",
                        "value": "false"
                      }
                    ]
                  }
                ]
              },
              {
                "Name": "Graph",
                "Type": "PlottingPanel",
                "Expanded": "true",
                "Properties": [
                  {
                    "name": "Gutters",
                    "value": "[48,26,14,42]"
                  },
                  {
                    "name": "ShowCoordinates",
                    "value": "false"
                  },
                  {
                    "name": "YScalePrecision",
                    "value": "0"
                  },
                  {
                    "name": "XFixedTick",
                    "value": "0"
                  },
                  {
                    "name": "OnDoubleClick",
                    "value": "toggleFullScreen();"
                  },
                  {
                    "name": "YFixedTick",
                    "value": "0"
                  },
                  {
                    "name": "XTickStep",
                    "value": "t/60<20?1:5"
                  },
                  {
                    "name": "YTickStep",
                    "value": "10"
                  },
                  {
                    "name": "XAutoTicks",
                    "value": "false"
                  },
                  {
                    "name": "Height",
                    "value": "%window.innerWidth < 700 ? 330 : Math.max(300,Math.min(500,window.innerHeight-340))%"
                  },
                  {
                    "name": "OnPress",
                    "value": "var position = _view.Graph.getInteraction().getInteractionPoint();\n"
                  },
                  {
                    "name": "Width",
                    "value": "\"100%\""
                  },
                  {
                    "name": "TitleYFont",
                    "value": "\"normal normal 14px Arial, sans-serif\""
                  },
                  {
                    "name": "TitleXFont",
                    "value": "\"normal normal 14px Arial, sans-serif\""
                  },
                  {
                    "name": "Title",
                    "value": "\"Temperature vs time\""
                  },
                  {
                    "name": "MaximumY",
                    "value": "100"
                  },
                  {
                    "name": "MaximumX",
                    "value": "5"
                  },
                  {
                    "name": "YAutoTicks",
                    "value": "false"
                  },
                  {
                    "name": "MinimumX",
                    "value": "0"
                  },
                  {
                    "name": "MinimumY",
                    "value": "0"
                  },
                  {
                    "name": "TitleY",
                    "value": "\"Temperature (\u00b0C)\""
                  },
                  {
                    "name": "AutoScaleY",
                    "value": "false"
                  },
                  {
                    "name": "TitleX",
                    "value": "\"Time (min)\""
                  },
                  {
                    "name": "AutoScaleX",
                    "value": "true"
                  },
                  {
                    "name": "MarginY",
                    "value": "5"
                  },
                  {
                    "name": "TitleFont",
                    "value": "\"normal bold 16px Arial, sans-serif\""
                  },
                  {
                    "name": "Visibility",
                    "value": "world===true"
                  },
                  {
                    "name": "XScalePrecision",
                    "value": "0"
                  },
                  {
                    "name": "BRMessage",
                    "value": "\"\""
                  },
                  {
                    "name": "Background",
                    "value": "\"#f8fafc\""
                  },
                  {
                    "name": "GuttersColor",
                    "value": "\"#ffffff\""
                  }
                ],
                "Children": [
                  {
                    "Name": "roomReference",
                    "Type": "Segment2D",
                    "Properties": [
                      {
                        "name": "X",
                        "value": "0"
                      },
                      {
                        "name": "Y",
                        "value": "backgroundT"
                      },
                      {
                        "name": "SizeX",
                        "value": "Math.max(5,t/60+1)"
                      },
                      {
                        "name": "SizeY",
                        "value": "0"
                      },
                      {
                        "name": "LineColor",
                        "value": "\"#94a3b8\""
                      },
                      {
                        "name": "LineWidth",
                        "value": "1"
                      }
                    ]
                  },
                  {
                    "Name": "cText",
                    "Type": "Text2D",
                    "Properties": [
                      {
                        "name": "RelativePosition",
                        "value": "\"NORTH_WEST\""
                      },
                      {
                        "name": "X",
                        "value": "t/60+0.1"
                      },
                      {
                        "name": "Y",
                        "value": "cT"
                      },
                      {
                        "name": "Text",
                        "value": "\"Bath\""
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==true&&cMass>0"
                      },
                      {
                        "name": "FillColor",
                        "value": "\"#00669b\""
                      },
                      {
                        "name": "Font",
                        "value": "\"normal bold 12px Arial, sans-serif\""
                      }
                    ]
                  },
                  {
                    "Name": "bText",
                    "Type": "Text2D",
                    "Properties": [
                      {
                        "name": "RelativePosition",
                        "value": "\"WEST\""
                      },
                      {
                        "name": "X",
                        "value": "t/60+0.1"
                      },
                      {
                        "name": "Y",
                        "value": "bT+1"
                      },
                      {
                        "name": "Text",
                        "value": "\"Beaker\""
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==true"
                      },
                      {
                        "name": "FillColor",
                        "value": "\"#a34400\""
                      },
                      {
                        "name": "Font",
                        "value": "\"normal bold 12px Arial, sans-serif\""
                      }
                    ]
                  },
                  {
                    "Name": "ctrail2",
                    "Type": "Trail2D",
                    "Properties": [
                      {
                        "name": "Active",
                        "value": "cView==true"
                      },
                      {
                        "name": "Connected",
                        "value": "t>0"
                      },
                      {
                        "name": "LineColor",
                        "value": "\"#0072b2\""
                      },
                      {
                        "name": "InputX",
                        "value": "t/60"
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==true&&cMass>0"
                      },
                      {
                        "name": "InputY",
                        "value": "cT"
                      },
                      {
                        "name": "LineWidth",
                        "value": "4"
                      },
                      {
                        "name": "NoRepeat",
                        "value": "true"
                      }
                    ]
                  },
                  {
                    "Name": "btrail2",
                    "Type": "Trail2D",
                    "Properties": [
                      {
                        "name": "Active",
                        "value": "cView==true"
                      },
                      {
                        "name": "Connected",
                        "value": "t>0"
                      },
                      {
                        "name": "LineColor",
                        "value": "\"#d55e00\""
                      },
                      {
                        "name": "InputX",
                        "value": "t/60"
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==true"
                      },
                      {
                        "name": "InputY",
                        "value": "bT"
                      },
                      {
                        "name": "LineWidth",
                        "value": "4"
                      },
                      {
                        "name": "NoRepeat",
                        "value": "true"
                      }
                    ]
                  },
                  {
                    "Name": "atrail",
                    "Type": "Trail2D",
                    "Properties": [
                      {
                        "name": "Connected",
                        "value": "t>0"
                      },
                      {
                        "name": "LineColor",
                        "value": "\"#d55e00\""
                      },
                      {
                        "name": "InputX",
                        "value": "t/60"
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==false"
                      },
                      {
                        "name": "InputY",
                        "value": "aT"
                      },
                      {
                        "name": "LineWidth",
                        "value": "4"
                      },
                      {
                        "name": "NoRepeat",
                        "value": "true"
                      }
                    ]
                  },
                  {
                    "Name": "bshape2",
                    "Type": "Shape2D",
                    "Properties": [
                      {
                        "name": "FillColor",
                        "value": "\"#d55e00\""
                      },
                      {
                        "name": "SizeX",
                        "value": "10"
                      },
                      {
                        "name": "ShapeType",
                        "value": "\"ELLIPSE\""
                      },
                      {
                        "name": "X",
                        "value": "t/60"
                      },
                      {
                        "name": "Y",
                        "value": "bT"
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==true"
                      },
                      {
                        "name": "SizeY",
                        "value": "10"
                      },
                      {
                        "name": "PixelSize",
                        "value": "true"
                      }
                    ]
                  },
                  {
                    "Name": "cshape",
                    "Type": "Shape2D",
                    "Properties": [
                      {
                        "name": "FillColor",
                        "value": "\"#0072b2\""
                      },
                      {
                        "name": "SizeX",
                        "value": "10"
                      },
                      {
                        "name": "ShapeType",
                        "value": "\"ELLIPSE\""
                      },
                      {
                        "name": "X",
                        "value": "t/60"
                      },
                      {
                        "name": "Y",
                        "value": "cT"
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==true&&cMass>0"
                      },
                      {
                        "name": "SizeY",
                        "value": "10"
                      },
                      {
                        "name": "PixelSize",
                        "value": "true"
                      }
                    ]
                  },
                  {
                    "Name": "ashape",
                    "Type": "Shape2D",
                    "Properties": [
                      {
                        "name": "FillColor",
                        "value": "\"#d55e00\""
                      },
                      {
                        "name": "SizeX",
                        "value": "10"
                      },
                      {
                        "name": "ShapeType",
                        "value": "\"ELLIPSE\""
                      },
                      {
                        "name": "X",
                        "value": "t/60"
                      },
                      {
                        "name": "Y",
                        "value": "aT"
                      },
                      {
                        "name": "Visibility",
                        "value": "cView==false"
                      },
                      {
                        "name": "SizeY",
                        "value": "10"
                      },
                      {
                        "name": "PixelSize",
                        "value": "true"
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "Name": "html",
            "Type": "Panel",
            "Properties": [
              {
                "name": "Html",
                "value": "<section class=\"ht-learning\" id=\"ht-teacher\"><h2>Teacher and learner guide</h2><div class=\"ht-tasks\"><article><h3>1 \u00b7 Heating: predict the slope</h3><p>Set the same target for two trials. Compare Low and High heater levels. Which curve is steeper, and which reaches the target sooner?</p><p>Record the target, heater level and time before resetting. Water begins at 25 \u00b0C.</p></article><article><h3>2 \u00b7 Transfer: compare both curves</h3><p>Continue after heating, or use <strong>Start transfer at target</strong>. The heater is off. Set a bath temperature from 25\u2013100 \u00b0C and a water mass from 0.1\u20131.0 kg, then press Play.</p><p>Try a cooler bath, then a hotter bath. Predict the direction of energy transfer before showing the arrows.</p></article></div><details><summary>Student challenge: keep it a fair test</summary><p>Does a larger bath mass change the temperature curves? Keep the starting temperatures the same; change only bath mass. Compare both curves at the same elapsed time and explain your observations.</p></details><details><summary>Explain: heat, temperature and surroundings</summary><p>Thermal energy transfers from hotter to cooler water. Temperature is a measure of how hot an object is; it is not the amount of thermal energy. The beaker and bath also exchange energy with the room, set to 30 \u00b0C in this model.</p><p>A flattening curve shows a slower temperature change. Similar temperatures reduce net energy transfer between beaker and bath, but energy exchange with the room can continue.</p></details><details><summary>Teacher notes and model limits</summary><p>This is an idealised model for comparing trends. Its timing and transfer coefficients are not calibrated to a particular classroom apparatus. Heating to a target below 100 \u00b0C is not boiling; the model stops at the selected target and does not simulate a latent-heat plateau or evaporation.</p><p>The beaker contains 0.10 kg of water. Setting bath mass to 0 kg hides the bath water; use a positive mass for beaker\u2013bath comparisons. Parameters lock after a trial starts. Pause to inspect; Step advances one simulation step; Reset restores the initial setup and clears the graph.</p><p>Lesson sequence: predict individually, compare in pairs, then explain with evidence from both curves. Record results before Reset.</p></details><p class=\"ht-key\"><span style=\"color:#a34400\">\u25cf Orange: beaker</span> \u00b7 <span style=\"color:#00669b\">\u25cf Blue: water bath</span> \u00b7 Grey line: room temperature. The written readout identifies each temperature too.</p></section>"
              }
            ]
          },
          {
            "Name": "htmlArea",
            "Type": "HtmlArea",
            "Properties": [
              {
                "name": "Html",
                "value": "\n<img src=\"./heatTransfer/Screenshot 2020-06-22 at 9.50.31 PM.webp\" alt=\"\"./heatTransfer/Screenshot 2020-06-22 at 9.50.31 PM\".png\"> "
              },
              {
                "name": "Height",
                "value": "1250"
              },
              {
                "name": "Width",
                "value": "\"100%\""
              },
              {
                "name": "Display",
                "value": "\"none\""
              }
            ]
          }
        ]
      }
    ],
    "RootProperties": []
  },
  "metadata": {
    "APP": "WebEJS",
    "CreatedWith": "WebEJS : The web version of Easy JavaScript Simulations",
    "MoreInfo": "WebEJS 1.1",
    "version": "https://www.um.es/fem/wikis/webejs/"
  }
}