{
  "information": {
    "Title": "Rate_of_transpiration_in_different_environmental_conditions",
    "Author": [
      "sithu",
      "lookang",
      "story by jiawen"
    ],
    "AuthorLogo": [
      "",
      "",
      ""
    ],
    "Password": "unused",
    "Keywords": "",
    "Abstract": "",
    "Copyright": "",
    "Level": "",
    "Language": "",
    "Logo": [
      "./logov22.png"
    ],
    "RunAlways": "true",
    "ModelTab": "",
    "ModelTabTitle": "",
    "ModelName": "",
    "FixedNavigationBar": "false",
    "CSSFile": "",
    "DetectedFiles": [
      "./logov22.png"
    ],
    "AuxiliaryFiles": [
      "./logo.png",
      "./logov22.png",
      "./logov2.png"
    ],
    "HTMLHead": "<script \nasync=\"true\" src=\"https://www.googletagmanager.com/gtag/js?id=G-S9EWRY1CPJ\"></script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-S9EWRY1CPJ');\n</script>",
    "SaveInXMLFormat": "false",
    "IncludeSource": "true",
    "IncludeLibrary": "true",
    "UglifyJS": "false",
    "PreviewFullModel": "false",
    "UseInterpreter": "true",
    "UseDeltaForODE": "false"
  },
  "description": {
    "pages": []
  },
  "model": {
    "variables": {
      "pages": [
        {
          "Name": "Var Table 1",
          "Active": "true",
          "Internal": "false",
          "Type": "undefined",
          "PageComment": "",
          "Variables": [
            {
              "Name": "canvasHeight",
              "Value": "\"100%\"",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "canvasWidth",
              "Value": "\"90vh\"",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "conditions",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "selectedCondition",
              "Value": "\"Room\"",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "showSim",
              "Value": "true",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "showGraph",
              "Value": "true",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "showTable",
              "Value": "true",
              "Type": "boolean",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "results",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "timeArr",
              "Value": "[10,20,30]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "roomX",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "roomY",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "lightX",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "lightY",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "windyX",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "windyY",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            }
          ]
        },
        {
          "Name": "Var Table 2",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "humidX",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "humidY",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "segmentsSizeX",
              "Value": "[]",
              "Type": "Object",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "minuteHandRotate",
              "Value": "1.55",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "chartMaxX",
              "Value": "30",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "chartMaxY",
              "Value": "14",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            }
          ]
        },
        {
          "Name": "lookang",
          "Active": "true",
          "Internal": "false",
          "Type": "VARIABLE_EDITOR",
          "PageComment": "",
          "Variables": [
            {
              "Name": "currentIndex",
              "Value": "0",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            },
            {
              "Name": "n",
              "Value": "4",
              "Type": "double",
              "Dimension": "",
              "Comment": "introduced to Room to have the (0,0)",
              "Domain": ""
            },
            {
              "Name": "",
              "Value": "",
              "Type": "double",
              "Dimension": "",
              "Comment": "",
              "Domain": ""
            }
          ]
        }
      ]
    },
    "initialization": {
      "pages": [
        {
          "Name": "varInit",
          "Active": "true",
          "Internal": "false",
          "Type": "undefined",
          "Comment": "",
          "Code": "// varInit\n\nconditions = [\"Room\", \"Light\", \"Windy\", \"Humid\"];\n\nresults = {\n    \"Room\" : {\n        \"data\": [8.00, 8.00, 8.00],\n        \"current\": 0,\n        \"minuteHandRotate\": 1.55\n        \n    },\n    \"Light\" : {\n        \"data\": [10.00, 12.00, 10.00],\n        \"current\": 0,\n        \"minuteHandRotate\": 1.55,\n        \"color\": \"Yellow\" //lookang\n    },\n    \"Windy\" : {\n        \"data\": [11.11, 11.11, 6.35],\n        \"current\": 0,\n        \"minuteHandRotate\": 1.55\n    },\n    \"Humid\" : {\n        \"data\": [1.59, 1.59, 1.59],\n        \"current\": 0,\n        \"minuteHandRotate\": 1.55,\n        \"color\": \"Red\" //lookang\n    },\n};\n\nfor (var condition in results) {\n    results[condition].visibility = [];\n    for (var i = 0; i < results[condition].data.length; i++) {\n        results[condition].visibility.push(false);\n    }\n    \n    results[condition].segmentsSizeY = [];\n    for (var i = 0; i < results[condition].data.length; i++) {\n        if (i === 0) {\n            results[condition].segmentsSizeY.push(results[condition].data[i]);\n        } else {\n            results[condition].segmentsSizeY.push(results[condition].data[i] - results[condition].data[i-1]);\n        }\n    }\n}\n\n\n\nfor (var i = 0; i < timeArr.length; i++) {\n    if (i === 0) {\n        segmentsSizeX.push(timeArr[i]);\n    } else {\n        segmentsSizeX.push(timeArr[i] - timeArr[i-1]);\n    }\n    \n}"
        }
      ]
    },
    "evolution": {
      "information": {
        "FPS": "20",
        "SPD": "1",
        "RealTimeVariable": "",
        "Autoplay": "true"
      },
      "pages": []
    },
    "fixed_relations": {
      "pages": []
    },
    "custom": {
      "pages": [
        {
          "Name": "changeCondition",
          "Active": "true",
          "Internal": "false",
          "Type": "undefined",
          "Comment": "",
          "Code": "// changeCondition\n\nfunction changeCondition(condition) {\n  if(conditions.indexOf(condition) !== -1) { // check validity of change condition value\n    selectedCondition = condition; // set selected condition as visible\n    minuteHandRotate = results[condition].minuteHandRotate;\n  }\n}"
        },
        {
          "Name": "insertTranspirationData",
          "Active": "true",
          "Internal": "false",
          "Type": "CODE_EDITOR",
          "Comment": "",
          "Code": "// insertTranspirationData\nfunction insertTranspirationData() {\n  var condition = selectedCondition;\n  //var currentIndex = results[condition].current;\n  currentIndex = results[condition].current;\n  if (results[condition].data[currentIndex]===undefined) return;\n  console.log(results[condition].data[currentIndex])\n  results[condition].current++;\n  document.getElementById(condition + \"_\" + currentIndex).innerHTML = results[condition].data[currentIndex].toFixed(2);\n  \n  results[condition].visibility[currentIndex] = true;\n  minuteHandRotate -= 1.04;\n  results[condition].minuteHandRotate -= 1.04;\n  \n//   if (condition === \"Room\") {\n//     // roomX = [...roomX, results[condition].data[currentIndex]];\n//     // roomY = [...roomY, timeArr[currentIndex]];\n//     results[condition].visibility[currentIndex] = true;\n//   } else if (condition === \"Light\") {\n      \n//   } else if (condition === \"Windy\") {\n      \n//   } else if (condition === \"Humid\") {\n      \n//   } \n}"
        }
      ]
    },
    "elements": {
      "list": []
    }
  },
  "view": {
    "Tree": [
      {
        "Name": "topPanel",
        "Type": "Panel",
        "Expanded": "true",
        "Properties": [],
        "Children": [
          {
            "Name": "showSim",
            "Type": "CheckBox",
            "Properties": [
              {
                "name": "Text",
                "value": "\"Show simulation\""
              },
              {
                "name": "Checked",
                "value": "true"
              },
              {
                "name": "OnCheckOn",
                "value": "showSim=true"
              },
              {
                "name": "OnCheckOff",
                "value": "showSim=false"
              },
              {
                "name": "Display",
                "value": "\"none\""
              }
            ]
          },
          {
            "Name": "showGraph",
            "Type": "CheckBox",
            "Properties": [
              {
                "name": "Text",
                "value": "\"Show graph\""
              },
              {
                "name": "OnCheckOn",
                "value": "showGraph=true"
              },
              {
                "name": "OnCheckOff",
                "value": "showGraph=false"
              },
              {
                "name": "Checked",
                "value": "true"
              }
            ]
          },
          {
            "Name": "showTable",
            "Type": "CheckBox",
            "Properties": [
              {
                "name": "Text",
                "value": "\"Show table\""
              },
              {
                "name": "OnCheckOn",
                "value": "showTable=true"
              },
              {
                "name": "OnCheckOff",
                "value": "showTable=false"
              },
              {
                "name": "Checked",
                "value": "true"
              }
            ]
          },
          {
            "Name": "conditionSelect",
            "Type": "ComboBox",
            "Properties": [
              {
                "name": "Width",
                "value": "\"15%\""
              },
              {
                "name": "OnChange",
                "value": "// placeholder selection for condition\nvar opts = _view.conditionSelect.getProperty(\"SelectedOptions\");  // array of options\nvar option = (opts.length > 0)? opts[0]:\"\"; // selected option \nconsole.log(\"you selected \"+option);\nchangeCondition(option);"
              },
              {
                "name": "Options",
                "value": "conditions"
              }
            ]
          },
          {
            "Name": "runBtn",
            "Type": "Button",
            "Properties": [
              {
                "name": "Text",
                "value": "\"Run for 10 minutes\""
              },
              {
                "name": "Width",
                "value": "\"20%\""
              },
              {
                "name": "OnClick",
                "value": "insertTranspirationData();\n\nif (minuteHandRotate < - 1.56){\n_tools.showOkDialog(\"Select another condition via the combo box to collect other data.\")\n}\nconsole.log(currentIndex)"
              },
              {
                "name": "Disabled",
                "value": "minuteHandRotate < - 1.56"
              }
            ]
          },
          {
            "Name": "resetBtn",
            "Type": "Button",
            "Properties": [
              {
                "name": "Text",
                "value": "\"\u21bbReset\""
              },
              {
                "name": "Width",
                "value": "\"10%\""
              },
              {
                "name": "OnPress",
                "value": "_reset();"
              }
            ]
          }
        ]
      },
      {
        "Name": "simPanel",
        "Type": "Panel",
        "Expanded": "true",
        "Properties": [
          {
            "name": "Width",
            "value": "\"50%\""
          },
          {
            "name": "Display",
            "value": "\"inline-block\""
          }
        ],
        "Children": [
          {
            "Name": "plottingPanel",
            "Type": "PlottingPanel",
            "Expanded": "true",
            "Properties": [
              {
                "name": "AutoScaleX",
                "value": "false"
              },
              {
                "name": "AutoScaleY",
                "value": "false"
              },
              {
                "name": "SquareAspect",
                "value": "true"
              },
              {
                "name": "Enabled",
                "value": "true"
              },
              {
                "name": "ShowAreaRectangle",
                "value": "false"
              },
              {
                "name": "EnabledDragging",
                "value": "\"true\""
              },
              {
                "name": "Display",
                "value": "showSim==true?\"inline-block\":\"none\""
              },
              {
                "name": "Width",
                "value": "\"100%\""
              },
              {
                "name": "Height",
                "value": "\"90vh\""
              },
              {
                "name": "Gutters",
                "value": "[0, 0, 0, 0]"
              },
              {
                "name": "Visibility",
                "value": "showSim===true"
              },
              {
                "name": "TRMessage",
                "value": "\"Time =\"+\" 00 : \"+ (minuteHandRotate==1.55?\"00\":timeArr[currentIndex]) + \" : 00\""
              },
              {
                "name": "XFixedTick",
                "value": "-1"
              },
              {
                "name": "YFixedTick",
                "value": "-1"
              },
              {
                "name": "YAutoTicks",
                "value": "false"
              },
              {
                "name": "XAutoTicks",
                "value": "false"
              },
              {
                "name": "MaximumY",
                "value": "0.7"
              },
              {
                "name": "MinimumY",
                "value": "-1"
              },
              {
                "name": "MinimumX",
                "value": "-1"
              },
              {
                "name": "MaximumX",
                "value": "1"
              },
              {
                "name": "XScalePrecision",
                "value": "1"
              },
              {
                "name": "YScalePrecision",
                "value": "1"
              },
              {
                "name": "XTickStep",
                "value": "2"
              },
              {
                "name": "YTickStep",
                "value": "2"
              }
            ],
            "Children": [
              {
                "Name": "condition",
                "Type": "Group2D",
                "Expanded": "true",
                "Properties": [],
                "Children": [
                  {
                    "Name": "hide",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "false"
                      },
                      {
                        "name": "Y",
                        "value": "-0.85"
                      }
                    ],
                    "Children": [
                      {
                        "Name": "clock",
                        "Type": "Image2D",
                        "Properties": [
                          {
                            "name": "ImageUrl",
                            "value": "\"./assets/clock.png\""
                          },
                          {
                            "name": "Y",
                            "value": "0.85"
                          },
                          {
                            "name": "SizeX",
                            "value": "0.4"
                          },
                          {
                            "name": "SizeY",
                            "value": "0.4"
                          }
                        ]
                      },
                      {
                        "Name": "minuteHand",
                        "Type": "Arrow2D",
                        "Properties": [
                          {
                            "name": "Y",
                            "value": "0.85"
                          },
                          {
                            "name": "LineWidth",
                            "value": "2"
                          },
                          {
                            "name": "SizeY",
                            "value": "0.001"
                          },
                          {
                            "name": "X",
                            "value": "0.012"
                          },
                          {
                            "name": "LineColor",
                            "value": "\"Blue\""
                          },
                          {
                            "name": "Rotate",
                            "value": "minuteHandRotate"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "room",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "selectedCondition === \"Room\""
                      }
                    ],
                    "Children": [
                      {
                        "Name": "roomImg",
                        "Type": "Image2D",
                        "Properties": [
                          {
                            "name": "ImageUrl",
                            "value": "\"./assets/room.png\""
                          },
                          {
                            "name": "SizeX",
                            "value": "2"
                          },
                          {
                            "name": "SizeY",
                            "value": "1.5"
                          },
                          {
                            "name": "Y",
                            "value": "-0.1"
                          }
                        ]
                      },
                      {
                        "Name": "roomTxt",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Room condition\""
                          },
                          {
                            "name": "Y",
                            "value": "-0.9"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "light",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "selectedCondition === \"Light\""
                      }
                    ],
                    "Children": [
                      {
                        "Name": "lightImg",
                        "Type": "Image2D",
                        "Properties": [
                          {
                            "name": "ImageUrl",
                            "value": "\"./assets/light.png\""
                          },
                          {
                            "name": "SizeX",
                            "value": "2"
                          },
                          {
                            "name": "SizeY",
                            "value": "1.5"
                          },
                          {
                            "name": "Y",
                            "value": "-0.1"
                          }
                        ]
                      },
                      {
                        "Name": "lightTxt",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Light condition\""
                          },
                          {
                            "name": "Y",
                            "value": "-0.9"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "windy",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "selectedCondition === \"Windy\""
                      }
                    ],
                    "Children": [
                      {
                        "Name": "windyImg",
                        "Type": "Image2D",
                        "Properties": [
                          {
                            "name": "ImageUrl",
                            "value": "\"./assets/windy.png\""
                          },
                          {
                            "name": "SizeX",
                            "value": "2"
                          },
                          {
                            "name": "SizeY",
                            "value": "1.5"
                          },
                          {
                            "name": "Y",
                            "value": "-0.1"
                          }
                        ]
                      },
                      {
                        "Name": "windyTxt",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Windy condition\""
                          },
                          {
                            "name": "Y",
                            "value": "-0.9"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "Name": "humid",
                    "Type": "Group2D",
                    "Expanded": "true",
                    "Properties": [
                      {
                        "name": "Visibility",
                        "value": "selectedCondition === \"Humid\""
                      }
                    ],
                    "Children": [
                      {
                        "Name": "humidImg",
                        "Type": "Image2D",
                        "Properties": [
                          {
                            "name": "ImageUrl",
                            "value": "\"./assets/humid.png\""
                          },
                          {
                            "name": "SizeX",
                            "value": "2"
                          },
                          {
                            "name": "SizeY",
                            "value": "1.5"
                          },
                          {
                            "name": "Y",
                            "value": "-0.1"
                          }
                        ]
                      },
                      {
                        "Name": "humidTxt",
                        "Type": "Text2D",
                        "Properties": [
                          {
                            "name": "Text",
                            "value": "\"Humid condition\""
                          },
                          {
                            "name": "Y",
                            "value": "-0.9"
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "Name": "dataPanel",
        "Type": "Panel",
        "Expanded": "true",
        "Properties": [
          {
            "name": "Display",
            "value": "\"inline-block\""
          },
          {
            "name": "Width",
            "value": "\"50%\""
          },
          {
            "name": "Height",
            "value": "\"90vh\""
          }
        ],
        "Children": [
          {
            "Name": "chartPanel",
            "Type": "PlottingPanel",
            "Expanded": "true",
            "Properties": [
              {
                "name": "AutoScaleX",
                "value": "false"
              },
              {
                "name": "AutoScaleY",
                "value": "false"
              },
              {
                "name": "Height",
                "value": "showTable?\"55vh\":\"85vh\""
              },
              {
                "name": "Gutters",
                "value": "[50,0,0,50]"
              },
              {
                "name": "TitleX",
                "value": "\"Time (min)\""
              },
              {
                "name": "TitleXFont",
                "value": "\"normal normal large \\\"Times New Roman\\\", Times, serif\""
              },
              {
                "name": "TitleY",
                "value": "\"Transpiration rate (ml/m^2)\""
              },
              {
                "name": "TitleYFont",
                "value": "\"normal normal large \\\"Times New Roman\\\", Times, serif\""
              },
              {
                "name": "MinimumX",
                "value": "0"
              },
              {
                "name": "MaximumX",
                "value": "chartMaxX"
              },
              {
                "name": "MinimumY",
                "value": "0"
              },
              {
                "name": "XFixedTick",
                "value": "0"
              },
              {
                "name": "XTickStep",
                "value": "5"
              },
              {
                "name": "YFixedTick",
                "value": "0"
              },
              {
                "name": "YTickStep",
                "value": "1"
              },
              {
                "name": "XScalePrecision",
                "value": "0"
              },
              {
                "name": "XAutoTicks",
                "value": "false"
              },
              {
                "name": "YAutoTicks",
                "value": "false"
              },
              {
                "name": "YScalePrecision",
                "value": "0"
              },
              {
                "name": "AxisXFont",
                "value": "\"normal normal 1vw\""
              },
              {
                "name": "AxisYFont",
                "value": "\"normal normal 1vw\""
              },
              {
                "name": "MarginX",
                "value": "10"
              },
              {
                "name": "MarginY",
                "value": "10"
              },
              {
                "name": "Enabled",
                "value": "true"
              },
              {
                "name": "ShowAreaRectangle",
                "value": "false"
              },
              {
                "name": "Width",
                "value": "\"100%\""
              },
              {
                "name": "Display",
                "value": "showGraph==true?\"inline-block\":\"none\""
              },
              {
                "name": "MaximumY",
                "value": "chartMaxY"
              },
              {
                "name": "Visibility",
                "value": "showGraph===true"
              }
            ],
            "Children": [
              {
                "Name": "roomShapeSet",
                "Type": "ShapeSet2D",
                "Properties": [
                  {
                    "name": "X",
                    "value": "timeArr"
                  },
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "chartMaxX/30"
                  },
                  {
                    "name": "SizeY",
                    "value": "0.3*(chartMaxY/7)"
                  },
                  {
                    "name": "FillColor",
                    "value": "\"Blue\""
                  },
                  {
                    "name": "Y",
                    "value": "results[\"Room\"].data"
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Room\"].visibility"
                  },
                  {
                    "name": "NumberOfElements",
                    "value": "n"
                  }
                ]
              },
              {
                "Name": "lightShapeSet",
                "Type": "ShapeSet2D",
                "Properties": [
                  {
                    "name": "Y",
                    "value": "results[\"Light\"].data"
                  },
                  {
                    "name": "X",
                    "value": "timeArr"
                  },
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "chartMaxX/30"
                  },
                  {
                    "name": "SizeY",
                    "value": "0.3*(chartMaxY/7)"
                  },
                  {
                    "name": "FillColor",
                    "value": "results[\"Light\"].color"
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Light\"].visibility"
                  }
                ]
              },
              {
                "Name": "windyShapeSet",
                "Type": "ShapeSet2D",
                "Properties": [
                  {
                    "name": "Y",
                    "value": "results[\"Windy\"].data"
                  },
                  {
                    "name": "X",
                    "value": "timeArr"
                  },
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "chartMaxX/30"
                  },
                  {
                    "name": "SizeY",
                    "value": "0.3*(chartMaxY/7)"
                  },
                  {
                    "name": "FillColor",
                    "value": "\"Gray\""
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Windy\"].visibility"
                  }
                ]
              },
              {
                "Name": "humidShapeSet",
                "Type": "ShapeSet2D",
                "Properties": [
                  {
                    "name": "Y",
                    "value": "results[\"Humid\"].data"
                  },
                  {
                    "name": "X",
                    "value": "timeArr"
                  },
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "chartMaxX/30"
                  },
                  {
                    "name": "SizeY",
                    "value": "0.3*(chartMaxY/7)"
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Humid\"].visibility"
                  },
                  {
                    "name": "FillColor",
                    "value": "results[\"Humid\"].color"
                  }
                ]
              },
              {
                "Name": "roomSegmentSet",
                "Type": "SegmentSet2D",
                "Properties": [
                  {
                    "name": "Offset",
                    "value": "\"SOUTH_WEST\""
                  },
                  {
                    "name": "Y",
                    "value": "[0,...results[\"Room\"].data]"
                  },
                  {
                    "name": "X",
                    "value": "[0,...timeArr]"
                  },
                  {
                    "name": "SizeX",
                    "value": "segmentsSizeX"
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Room\"].visibility"
                  },
                  {
                    "name": "SizeY",
                    "value": "results[\"Room\"].segmentsSizeY"
                  },
                  {
                    "name": "LineColor",
                    "value": "\"Blue\""
                  },
                  {
                    "name": "LineWidth",
                    "value": "2"
                  }
                ]
              },
              {
                "Name": "lightSegmentSet",
                "Type": "SegmentSet2D",
                "Properties": [
                  {
                    "name": "Offset",
                    "value": "\"SOUTH_WEST\""
                  },
                  {
                    "name": "Y",
                    "value": "[0,...results[\"Light\"].data]"
                  },
                  {
                    "name": "X",
                    "value": "[0,...timeArr]"
                  },
                  {
                    "name": "SizeX",
                    "value": "segmentsSizeX"
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Light\"].visibility"
                  },
                  {
                    "name": "SizeY",
                    "value": "results[\"Light\"].segmentsSizeY"
                  },
                  {
                    "name": "LineColor",
                    "value": "\"Orange\""
                  },
                  {
                    "name": "LineWidth",
                    "value": "results[\"Light\"].color"
                  }
                ]
              },
              {
                "Name": "windySegmentSet",
                "Type": "SegmentSet2D",
                "Properties": [
                  {
                    "name": "Offset",
                    "value": "\"SOUTH_WEST\""
                  },
                  {
                    "name": "Y",
                    "value": "[0,...results[\"Windy\"].data]"
                  },
                  {
                    "name": "X",
                    "value": "[0,...timeArr]"
                  },
                  {
                    "name": "SizeX",
                    "value": "segmentsSizeX"
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Windy\"].visibility"
                  },
                  {
                    "name": "SizeY",
                    "value": "results[\"Windy\"].segmentsSizeY"
                  },
                  {
                    "name": "LineColor",
                    "value": "\"Gray\""
                  },
                  {
                    "name": "LineWidth",
                    "value": "2"
                  }
                ]
              },
              {
                "Name": "humidSegmentSet",
                "Type": "SegmentSet2D",
                "Properties": [
                  {
                    "name": "Offset",
                    "value": "\"SOUTH_WEST\""
                  },
                  {
                    "name": "Y",
                    "value": "[0,...results[\"Humid\"].data]"
                  },
                  {
                    "name": "X",
                    "value": "[0,...timeArr]"
                  },
                  {
                    "name": "SizeX",
                    "value": "segmentsSizeX"
                  },
                  {
                    "name": "Visibility",
                    "value": "results[\"Humid\"].visibility"
                  },
                  {
                    "name": "SizeY",
                    "value": "results[\"Humid\"].segmentsSizeY"
                  },
                  {
                    "name": "LineColor",
                    "value": "results[\"Humid\"].color"
                  },
                  {
                    "name": "LineWidth",
                    "value": "2"
                  }
                ]
              },
              {
                "Name": "initialPoint",
                "Type": "Shape2D",
                "Properties": [
                  {
                    "name": "SizeX",
                    "value": "chartMaxX/30"
                  },
                  {
                    "name": "SizeY",
                    "value": "0.3*(chartMaxY/7)"
                  },
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "FillColor",
                    "value": "\"White\""
                  },
                  {
                    "name": "Visibility",
                    "value": "false"
                  }
                ]
              }
            ]
          },
          {
            "Name": "legendPanel",
            "Type": "PlottingPanel",
            "Expanded": "true",
            "Properties": [
              {
                "name": "Width",
                "value": "\"100%\""
              },
              {
                "name": "Height",
                "value": "\"5vh\""
              },
              {
                "name": "Gutters",
                "value": "[0,0,0,0]"
              },
              {
                "name": "AutoScaleX",
                "value": "false"
              },
              {
                "name": "AutoScaleY",
                "value": "false"
              },
              {
                "name": "Visibility",
                "value": "showGraph===true"
              },
              {
                "name": "Display",
                "value": "showGraph==true?\"inline-block\":\"none\""
              },
              {
                "name": "XAutoTicks",
                "value": "false"
              },
              {
                "name": "YAutoTicks",
                "value": "false"
              },
              {
                "name": "XFixedTick",
                "value": "0"
              },
              {
                "name": "YFixedTick",
                "value": "0"
              },
              {
                "name": "AxisXShow",
                "value": "false"
              }
            ],
            "Children": [
              {
                "Name": "Room",
                "Type": "Text2D",
                "Properties": [
                  {
                    "name": "Text",
                    "value": "\"Room\""
                  },
                  {
                    "name": "X",
                    "value": "-0.6"
                  },
                  {
                    "name": "Y",
                    "value": "-0.3"
                  },
                  {
                    "name": "Font",
                    "value": "\"normal normal medium \\\"Times New Roman\\\", Times, serif\""
                  }
                ]
              },
              {
                "Name": "roomBlue",
                "Type": "Shape2D",
                "Properties": [
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "0.07"
                  },
                  {
                    "name": "SizeY",
                    "value": "1.1"
                  },
                  {
                    "name": "Y",
                    "value": "0"
                  },
                  {
                    "name": "X",
                    "value": "-0.75"
                  },
                  {
                    "name": "FillColor",
                    "value": "\"Blue\""
                  }
                ]
              },
              {
                "Name": "Light",
                "Type": "Text2D",
                "Properties": [
                  {
                    "name": "Text",
                    "value": "\"Light\""
                  },
                  {
                    "name": "X",
                    "value": "-0.2"
                  },
                  {
                    "name": "Y",
                    "value": "-0.3"
                  },
                  {
                    "name": "Font",
                    "value": "\"normal normal medium \\\"Times New Roman\\\", Times, serif\""
                  }
                ]
              },
              {
                "Name": "lightOrange",
                "Type": "Shape2D",
                "Properties": [
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "0.07"
                  },
                  {
                    "name": "SizeY",
                    "value": "1.1"
                  },
                  {
                    "name": "Y",
                    "value": "0"
                  },
                  {
                    "name": "X",
                    "value": "-0.35"
                  },
                  {
                    "name": "FillColor",
                    "value": "results[\"Light\"].color"
                  }
                ]
              },
              {
                "Name": "Windy",
                "Type": "Text2D",
                "Properties": [
                  {
                    "name": "Text",
                    "value": "\"Windy\""
                  },
                  {
                    "name": "X",
                    "value": "0.2"
                  },
                  {
                    "name": "Y",
                    "value": "-0.3"
                  },
                  {
                    "name": "Font",
                    "value": "\"normal normal medium \\\"Times New Roman\\\", Times, serif\""
                  }
                ]
              },
              {
                "Name": "windyGray",
                "Type": "Shape2D",
                "Properties": [
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "0.07"
                  },
                  {
                    "name": "SizeY",
                    "value": "1.1"
                  },
                  {
                    "name": "Y",
                    "value": "0"
                  },
                  {
                    "name": "X",
                    "value": "0.05"
                  },
                  {
                    "name": "FillColor",
                    "value": "\"Gray\""
                  }
                ]
              },
              {
                "Name": "Humid",
                "Type": "Text2D",
                "Properties": [
                  {
                    "name": "Text",
                    "value": "\"Humid\""
                  },
                  {
                    "name": "X",
                    "value": "0.6"
                  },
                  {
                    "name": "Y",
                    "value": "-0.3"
                  },
                  {
                    "name": "Font",
                    "value": "\"normal normal medium \\\"Times New Roman\\\", Times, serif\""
                  }
                ]
              },
              {
                "Name": "humidYellow",
                "Type": "Shape2D",
                "Properties": [
                  {
                    "name": "ShapeType",
                    "value": "\"ELLIPSE\""
                  },
                  {
                    "name": "SizeX",
                    "value": "0.07"
                  },
                  {
                    "name": "SizeY",
                    "value": "1.1"
                  },
                  {
                    "name": "Y",
                    "value": "0"
                  },
                  {
                    "name": "X",
                    "value": "0.45"
                  },
                  {
                    "name": "FillColor",
                    "value": "results[\"Humid\"].color"
                  }
                ]
              }
            ]
          },
          {
            "Name": "tablePanel",
            "Type": "Panel",
            "Properties": [
              {
                "name": "Html",
                "value": "<table class=\"dataTable\">\n    <tr>\n        <th rowspan=\"2\">Time (min)</th>\n        <th colspan=\"4\">Rate of transpiration in different environmental conditions (ml/m\u00b2)</th>\n    </tr>\n    <tr>\n        <th>Room</th>\n        <th>Light</th>\n        <th>Windy</th>\n        <th>Humid</th>\n    </tr>\n    <tr>\n      <th>0</th>\n      <td>0.00</td>\n      <td>0.00</td>\n      <td>0.00</td>\n      <td>0.00</td>\n    </tr>\n    <tr>\n      <th>10</th>\n      <td id=\"Room_0\"></td>\n      <td id=\"Light_0\"></td>\n      <td id=\"Windy_0\"></td>\n      <td id=\"Humid_0\"></td>\n    </tr>\n    <tr>\n      <th>20</th>\n      <td id=\"Room_1\"></td>\n      <td id=\"Light_1\"></td>\n      <td id=\"Windy_1\"></td>\n      <td id=\"Humid_1\"></td>\n    </tr>\n    <tr>\n      <th>30</th>\n      <td id=\"Room_2\"></td>\n      <td id=\"Light_2\"></td>\n      <td id=\"Windy_2\"></td>\n      <td id=\"Humid_2\"></td>\n    </tr>\n</table>\n<style>\n  .dataTable {\n    width: 100%;\n    height: 100%;\n    border: 2px solid #555;\n  }\n  .dataTable tr {\n      background: #eee;\n  }\n  .dataTable tr th {\n      background: #ddd;\n  }\n  .dataTable tr td, .dataTable tr th {\n      width: 20%;\n      padding: 0.5em;\n  }\n  .splitCell {\n    height: 3em;\n  }\n  /*.splitCell {\n    background: linear-gradient(to right top, #ffffff 0%,#ffffff 49.9%,#000000 50%,#000000 51%,#ffffff 51.1%,#ffffff 100%);\n  }*/\n.splitCell>div {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n}\n\n.bottom {\n  position: absolute;\n  bottom: 1px;\n  left: 1px;\n}\n\n.top {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n}\n</style>"
              },
              {
                "name": "Height",
                "value": "showGraph?\"30vh\":\"90vh\""
              },
              {
                "name": "Background",
                "value": "\"#aaa\""
              },
              {
                "name": "Display",
                "value": "showTable==true?\"inline-block\":\"none\""
              },
              {
                "name": "Width",
                "value": "\"100%\""
              },
              {
                "name": "Visibility",
                "value": "showTable===true"
              }
            ]
          }
        ]
      }
    ],
    "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/"
  }
}