{"devices":{"Device A":{"id":"3c4cbe6a-108b-4472-8600-2ac4a9f171f7","property":{"address":"192.168.1.134","port":102,"slot":2,"rack":0,"baudrate":9600,"databits":8,"stopbits":1,"parity":"None"},"enabled":false,"tags":{"Tag Bool":{"id":"Tag Bool","name":"Tag Bool","type":"Bool","address":"db1.dbx1.0"},"Tag Byte":{"id":"Tag Byte","name":"Tag Byte","type":"Byte","address":"db2.dbb1"}},"name":"Device A","type":"SiemensS7","polling":3000}},"hmi":{"views":[{"id":"v_0712346b1-12b1210","name":"MainView","profile":{"width":1024,"height":768,"bkcolor":""},"items":{"GXP_9f8d1f8d-20d448dd":{"id":"GXP_9f8d1f8d-20d448dd","type":"svg-ext-gauge_progress","name":"progress_1","property":{"events":[],"actions":[],"ranges":[{"type":"minmax","min":0,"max":100,"style":[true,true],"color":"#018ef5ff","stroke":""}],"variable":"Tag Byte","variableSrc":"Device A","variableId":"Device A^~^Tag Byte","alarmId":"","alarmSrc":"","alarm":"","alarmColor":""},"label":"HtmlProgress"},"VAL_e4e0f91a-cd774967":{"id":"VAL_e4e0f91a-cd774967","type":"svg-ext-value","name":"shape_1","property":{"events":[],"actions":[],"variable":"Tag Byte","variableSrc":"Device A","variableId":"Device A^~^Tag Byte","alarmId":"","alarmSrc":"","alarm":"","alarmColor":"","ranges":[{"type":"unit","min":20,"max":80,"color":"","stroke":"","text":"l"}]},"label":"Value"},"HXC_579f9f9d-705d4a94":{"id":"HXC_579f9f9d-705d4a94","type":"svg-ext-html_chart","name":"My chart","property":{"id":"0a254398-513213","type":"realtime1","options":{"title":"Title","fontFamily":"Roboto-Regular","legendFontSize":12,"colorBackground":"rgba(0,0,0,0)","legendBackground":"rgba(0,0,0,0)","titleHeight":18,"axisLabelFontSize":12,"labelsDivWidth":0,"axisLineColor":"rgba(0,0,0,1)","axisLabelColor":"rgba(0,0,0,1)","legendMode":"always","series":[],"width":360,"height":200,"decimalsPrecision":2,"realtime":60,"dateFormat":"MM_DD_YYYY","timeFormat":"hh_mm_ss_AA"}},"label":"HtmlChart"},"SLI_6b54f2a5-714a4ae1":{"id":"SLI_6b54f2a5-714a4ae1","type":"svg-ext-html_slider","name":"slider_1","property":{"events":[],"actions":[],"variable":"Tag Byte","variableSrc":"Device A","variableId":"Device A^~^Tag Byte","options":{"orientation":"vertical","direction":"rtl","fontFamily":"Roboto-Light","shape":{"baseColor":"#dcdcdc","connectColor":"#49b2ff","handleColor":"#018ef5"},"marker":{"color":"#000","subWidth":5,"subHeight":1,"fontSize":18,"divHeight":2,"divWidth":12},"range":{"min":0,"max":100},"step":1,"pips":{"mode":"values","values":[0,50,100],"density":4},"tooltip":{"type":"none","decimals":0,"background":"#FFF","color":"#000","fontSize":12}}},"label":"HtmlSlider"},"HXT_66b852d7-62ce4fcc":{"id":"HXT_66b852d7-62ce4fcc","type":"svg-ext-html_switch","name":"switch_1","property":{"events":[],"actions":[],"variable":"Tag Bool","variableSrc":"Device A","variableId":"Device A^~^Tag Bool","options":{"offValue":0,"onValue":1,"offBackground":"#ccc","onBackground":"#ccc","offText":"","onText":"","offSliderColor":"#fff","onSliderColor":"#0CC868","offTextColor":"#000","onTextColor":"#fff","fontSize":12,"fontFamily":"","radius":11,"height":22}},"label":"HtmlSwitch"},"BAG_e6690f03-af38495a":{"id":"BAG_e6690f03-af38495a","type":"svg-ext-html_bag","name":"gauge_1","property":{"events":[],"actions":[],"alarmId":"","alarmSrc":"","alarm":"","alarmColor":"","options":{"minValue":0,"maxValue":"300","animationSpeed":40,"colorStart":"#e63d3dff","colorStop":"#e63d3dff","gradientType":"","strokeColor":"#e0e0e0","pointer":{"length":0.5,"strokeWidth":0.035,"iconScale":1,"color":"#000000"},"angle":0.3,"lineWidth":0.1,"radiusScale":0.8,"fontSize":26,"textFilePosition":38,"limitMax":false,"limitMin":false,"highDpiSupport":true,"backgroundColor":"rgba(255, 255, 255, 0)","shadowColor":"#d5d5d5","fractionDigits":0,"ticksEnabled":false,"renderTicks":{"divisions":0,"divWidth":0,"divLength":0,"divColor":"#333333","subDivisions":0,"subLength":0,"subWidth":0,"subColor":"#666666"},"staticLabelsText":"200;500;2100;2800","staticFontSize":10,"staticFontColor":"#000000","type":1,"fontFamily":"Roboto-Thin"},"variable":"Tag Byte","variableSrc":"Device A","variableId":"Device A^~^Tag Byte"},"label":"HtmlBag"},"PIE_0768c749-1d7b4b78":{"id":"PIE_0768c749-1d7b4b78","type":"svg-ext-pipe","name":"pipe_1","property":{"events":[],"actions":[{"options":{},"range":{"min":"1","max":"1"},"variableSrc":"Device A","variableId":"Device A^~^Tag Bool","variable":"Tag Bool","type":"clockwise"},{"options":{},"range":{"min":"0","max":"0"},"variableSrc":"Device A","variableId":"Device A^~^Tag Bool","variable":"Tag Bool","type":"stop"}],"options":{"borderWidth":0,"border":"#000000","pipeWidth":11,"pipe":"#afafafff","contentWidth":8,"content":"#018ef5ff","contentSpace":17}},"label":"Pipe"},"PIE_de3a2ae9-22cd4488":{"id":"PIE_de3a2ae9-22cd4488","type":"svg-ext-pipe","name":"pipe_2","property":{"events":[],"actions":[{"options":{},"range":{"min":"1","max":"1"},"variableSrc":"Device A","variableId":"Device A^~^Tag Bool","variable":"Tag Bool","type":"clockwise"},{"options":{},"range":{"min":"0","max":"0"},"variableSrc":"Device A","variableId":"Device A^~^Tag Bool","variable":"Tag Bool","type":"stop"}],"options":{"borderWidth":7,"border":"#000000","pipeWidth":7,"pipe":"#d2d2d2ff","contentWidth":5,"content":"#fd7e14ff","contentSpace":5}},"label":"Pipe"},"svg_67f835e1-3aec42eb":{"id":"svg_67f835e1-3aec42eb","type":"svg-ext-shapes-pipe","name":"shape_2","property":{"events":[],"actions":[{"options":{"strokeA":null,"strokeB":null,"fillA":"#018ef5ff","fillB":"#005695ff","interval":1000},"range":{"min":"1","max":"1"},"variableSrc":"Device A","variableId":"Device A^~^Tag Bool","variable":"Tag Bool","type":"blink"}],"alarmId":"","alarmSrc":"","alarm":"","alarmColor":"","ranges":[{"type":"range","min":20,"max":80,"color":"","stroke":""}]},"label":"Shapes"},"SHE_32d0bfaf-9db147c1":{"id":"SHE_32d0bfaf-9db147c1","type":"svg-ext-ape-eli","name":"shape_3","property":{"events":[],"actions":[{"options":{},"range":{"min":"1","max":"1"},"variableSrc":"Device A","variableId":"Device A^~^Tag Bool","variable":"Tag Bool","type":"clockwise"},{"options":{},"range":{"min":"0","max":"0"},"variableSrc":"Device A","variableId":"Device A^~^Tag Bool","variable":"Tag Bool","type":"stop"}],"alarmId":"","alarmSrc":"","alarm":"","alarmColor":"","ranges":[{"type":"range","min":20,"max":80,"color":"","stroke":""}]},"label":"AnimProcEng"},"SHE_c9779147-3bcf4800":{"id":"SHE_c9779147-3bcf4800","type":"svg-ext-proceng-valvecx","name":"shape_4","property":{"events":[],"actions":[],"variable":"Tag Bool","variableSrc":"Device A","variableId":"Device A^~^Tag Bool","alarmId":"","alarmSrc":"","alarm":"","alarmColor":"","ranges":[{"type":"range","min":"1","max":"1","color":"#595959ff","stroke":""},{"type":"range","color":"#d8d8d8ff","stroke":"","min":"0","max":"0"}]},"label":"Proc-Eng"}},"variables":{},"svgcontent":"<svg width=\"1024\" height=\"768\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns:html=\"http://www.w3.org/1999/xhtml\">\n <filter height=\"200\" width=\"200\" y=\"-3\" x=\"-3\" id=\"blur-filter\">\n  <feGaussianBlur stdDeviation=\"3\"/>\n </filter>\n <g>\n  <title>Layer 1</title>\n  <line fill=\"none\" stroke=\"#5A9CFE\" x1=\"526\" y1=\"244\" x2=\"526\" y2=\"276\" stroke-width=\"8\" id=\"svg_6b92d380-262c4a37\"/>\n  <line fill=\"none\" stroke=\"#DC3545\" x1=\"526\" y1=\"176\" x2=\"526\" y2=\"208\" id=\"svg_393de4c6-b0d84b91\" stroke-width=\"8\"/>\n  <g id=\"PIE_0768c749-1d7b4b78\" type=\"svg-ext-pipe\">\n   <path id=\"bPIE_9c86ef2b-cea648d2\" d=\"M280,284L472,284\" stroke-width=\"0\" stroke=\"#000000\" fill=\"none\"/>\n   <path id=\"pPIE_79e909d5-83f14b0f\" d=\"M280,284L472,284\" stroke-width=\"11\" stroke=\"#afafafff\" fill=\"none\"/>\n   <path id=\"cPIE_b07cc906-701342fb\" d=\"M280,284L472,284\" stroke-width=\"8\" stroke=\"#018ef5ff\" fill=\"none\" stroke-dasharray=\"17 17\"/>\n  </g>\n  <g stroke=\"#808080\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" fill=\"#E6E6E6\" type=\"svg-ext-proceng-tank4\" id=\"SHE_d014e26d-78414a61\">\n   <path stroke=\"#808080\" d=\"M168,155C168,142.304 193.5132,132 225,132C256.4868,132 282,142.304 282,155L282,293C282,305.696 256.4868,316 225,316C193.5132,316 168,305.696 168,293L168,155z\" id=\"SHE_dcab6223-012e482b\" stroke-linecap=\"null\" stroke-linejoin=\"null\" stroke-dasharray=\"null\"/>\n  </g>\n  <g stroke=\"#808080\" font-family=\"sans-serif\" font-size=\"14\" type=\"svg-ext-gauge_progress\" id=\"GXP_9f8d1f8d-20d448dd\">\n   <rect stroke-width=\"0.5\" stroke=\"#808080\" fill=\"none\" height=\"144.00001\" width=\"30.76923\" y=\"153.99999\" x=\"186\" id=\"A-GXP_99d10838-81ea46af\" stroke-linecap=\"null\" stroke-linejoin=\"null\" stroke-dasharray=\"null\"/>\n   <rect stroke-width=\"0.5\" stroke=\"#808080\" fill=\"#018ef5ff\" height=\"72\" width=\"30.76923\" y=\"225.99999\" x=\"186\" id=\"B-GXP_1ed20507-7aaf445d\" stroke-linecap=\"null\" stroke-linejoin=\"null\" stroke-dasharray=\"null\"/>\n   <foreignObject font-size=\"14\" id=\"H-GXP_d8a4efdb-3e0d4051\" width=\"30.76923\" height=\"144.00001\" y=\"153.99999\" x=\"186\"/>\n  </g>\n  <text xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" id=\"svg_2112116a-f16c47d5\" y=\"158\" x=\"246\" stroke-linecap=\"null\" stroke-linejoin=\"null\" stroke-dasharray=\"null\" stroke-width=\"0\" stroke=\"#808080\" fill=\"#000000\">- 100%</text>\n  <text id=\"svg_03585eeb-2f904794\" xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" y=\"300\" x=\"238\" stroke-linecap=\"null\" stroke-linejoin=\"null\" stroke-dasharray=\"null\" stroke-width=\"0\" stroke=\"#808080\" fill=\"#000000\">- 0%</text>\n  <g id=\"VAL_e4e0f91a-cd774967\" type=\"svg-ext-value\" fill=\"#000000\" stroke=\"#000000\" font-size=\"14\" stroke-width=\"0\" font-family=\"sans-serif\" text-anchor=\"middle\">\n   <text stroke-width=\"0\" id=\"VAL_b4c4caa7-22054f1f\" fill=\"#000000\" stroke=\"#000000\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\" x=\"248\" y=\"228\">##.##</text>\n  </g>\n  <text xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"Roboto-Light\" font-size=\"32\" id=\"svg_86d6aac1-3ff74952\" y=\"42\" x=\"108\" stroke-width=\"0\" stroke=\"#000000\" fill=\"#666666\">FUXA sample</text>\n  <g stroke=\"#073984\" text-anchor=\"right\" font-family=\"Roboto-Light\" font-size=\"32\" fill=\"#0B5CD5\" type=\"svg-ext-html_chart\" id=\"HXC_579f9f9d-705d4a94\">\n   <rect stroke=\"null\" fill=\"none\" id=\"svg_af351d64-cec24f68\" stroke-width=\"0\" height=\"240\" width=\"464.00001\" y=\"454\" x=\"503.99999\"/>\n   <foreignObject id=\"H-HXC_90e90e01-e8244451\" width=\"464.00001\" height=\"240\" y=\"454\" x=\"503.99999\">\n    <DIV style=\"width: 100%; height: 100%; vector-effect: non-scaling-stroke;\" id=\"D-HXC_90e90e01-e8244451\">\n     <CHART-UPLOT class=\"ng-star-inserted\">\n      <DIV class=\"mychart-panel\">\n       <!--bindings={\n  \"ng-reflect-ng-if\": \"false\"\n}-->\n       <NGX-UPLOT style=\"background: rgba(0, 0, 0, 0);\" class=\"mychart-graph\">\n        <DIV>\n         <DIV id=\"My chart\" class=\"uplot u-hz\">\n          <DIV style=\"color: rgb(0, 0, 0); font-size: 18px; font-family: Roboto-Regular;\" class=\"u-title\">My chart</DIV>\n          <DIV style=\"width: 464px; height: 164px;\" class=\"u-wrap\">\n           <DIV style=\"left: 50px; top: 17px; width: 389px; height: 67px;\" class=\"u-under\"></DIV>\n           <CANVAS height=\"164\" width=\"464\"/>\n           <DIV style=\"left: 50px; top: 17px; width: 389px; height: 67px;\" class=\"u-over\">\n            <DIV style=\"transform: translate(-10px, 0px);\" class=\"u-cursor-x u-off\"></DIV>\n            <DIV style=\"transform: translate(0px, -10px);\" class=\"u-cursor-y u-off\"></DIV>\n            <DIV style=\"left: 0px; width: 0px; top: 0px; height: 0px;\" class=\"u-select\"></DIV>\n            <DIV style=\"background: rgb(68, 132, 239); width: 5px; height: 5px; margin-left: -2.5px; margin-top: -2.5px; transform: translate(-10px, -10px);\" class=\"u-cursor-pt u-off\"></DIV>\n           </DIV>\n          </DIV>\n          <TABLE class=\"u-legend u-inline u-live\">\n           <TR class=\"u-series\">\n            <TH>\n             <DIV class=\"u-marker\"></DIV>\n             <DIV class=\"u-label\">Time</DIV>\n            </TH>\n            <TD class=\"u-value\">--</TD>\n           </TR>\n           <TR class=\"u-series\">\n            <TH>\n             <DIV style=\"border: 1px solid rgb(68, 132, 239);\" class=\"u-marker\"></DIV>\n             <DIV class=\"u-label\">Tag Byte</DIV>\n            </TH>\n            <TD class=\"u-value\">--</TD>\n           </TR>\n          </TABLE>\n         </DIV>\n        </DIV>\n       </NGX-UPLOT>\n      </DIV>\n     </CHART-UPLOT>\n    </DIV>\n   </foreignObject>\n  </g>\n  <line id=\"svg_00ac8ac4-533e4ee5\" y2=\"416\" x2=\"944\" y1=\"416\" x1=\"76\" stroke=\"#B3B3B3\" fill=\"none\"/>\n  <g stroke=\"#B3B3B3\" text-anchor=\"right\" font-family=\"Roboto-Light\" font-size=\"32\" fill=\"#B3B3B3\" type=\"svg-ext-html_slider\" id=\"SLI_6b54f2a5-714a4ae1\">\n   <rect stroke=\"null\" fill=\"none\" id=\"svg_ae64974f-d76942d5\" stroke-width=\"0\" height=\"260.00001\" width=\"184.00001\" y=\"432\" x=\"82\"/>\n   <foreignObject id=\"H-SLI_c9f639e4-98e847b5\" width=\"184.00001\" height=\"260.00001\" y=\"432\" x=\"82\">\n    <DIV style=\"width: 100%; height: 100%; vector-effect: non-scaling-stroke;\" id=\"D-SLI_c9f639e4-98e847b5\">\n     <NGX-NOUISLIDER class=\"ng-star-inserted\">\n      <DIV style=\"margin: 40px; font-family: Roboto-Light;\">\n       <DIV style=\"height: 180px;\" id=\"mySlider\" class=\"myslider-container noUi-target noUi-rtl noUi-vertical noUi-txt-dir-ltr\">\n        <DIV class=\"noUi-base\">\n         <DIV style=\"background: rgb(220, 220, 220);\" class=\"noUi-connects\">\n          <DIV style=\"background: rgb(73, 178, 255); transform: translate(0px, 50%) scale(1, 0.5);\" class=\"noUi-connect\"></DIV>\n         </DIV>\n         <DIV style=\"transform: translate(0px, 500%); z-index: 4;\" class=\"noUi-origin\">\n          <DIV style=\"background: rgb(1, 142, 245);\" aria-valuetext=\"50\" aria-valuenow=\"50\" aria-valuemax=\"100\" aria-valuemin=\"0\" aria-orientation=\"vertical\" role=\"slider\" tabindex=\"0\" data-handle=\"0\" class=\"noUi-handle noUi-handle-lower\">\n           <DIV class=\"noUi-touch-area\"></DIV>\n          </DIV>\n         </DIV>\n        </DIV>\n        <DIV class=\"noUi-pips noUi-pips-vertical\">\n         <DIV style=\"bottom: 0%; background: rgb(0, 0, 0); width: 12px; height: 2px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-large\"></DIV>\n         <DIV style=\"bottom: 0%; padding-left: 15px; font-size: 18px; color: rgb(0, 0, 0);\" data-value=\"0\" class=\"noUi-value noUi-value-vertical noUi-value-large\">0</DIV>\n         <DIV style=\"bottom: 3.84615%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 7.69231%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 11.5385%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 15.3846%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 19.2308%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 23.0769%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 26.9231%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 30.7692%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 34.6154%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 38.4615%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 42.3077%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 46.1538%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 50%; background: rgb(0, 0, 0); width: 12px; height: 2px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-large\"></DIV>\n         <DIV style=\"bottom: 50%; padding-left: 15px; font-size: 18px; color: rgb(0, 0, 0);\" data-value=\"50\" class=\"noUi-value noUi-value-vertical noUi-value-large\">50</DIV>\n         <DIV style=\"bottom: 53.8462%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 57.6923%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 61.5385%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 65.3846%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 69.2308%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 73.0769%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 76.9231%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 80.7692%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 84.6154%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 88.4615%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 92.3077%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 96.1539%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"bottom: 100%; background: rgb(0, 0, 0); width: 12px; height: 2px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-large\"></DIV>\n         <DIV style=\"bottom: 100%; padding-left: 15px; font-size: 18px; color: rgb(0, 0, 0);\" data-value=\"100\" class=\"noUi-value noUi-value-vertical noUi-value-large\">100</DIV>\n        </DIV>\n       </DIV>\n      </DIV>\n     </NGX-NOUISLIDER>\n    </DIV>\n   </foreignObject>\n  </g>\n  <g stroke=\"#666666\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" fill=\"#B3B3B3\" type=\"svg-ext-proceng-pumpscreew2\" id=\"SHE_e766ab70-76f948fe\">\n   <path stroke=\"null\" d=\"M772.6268,247.6124L762,258.9584L815.1464,258.9584L804.5196,247.6124\" id=\"SHE_11dcafdf-1e634764\"/>\n   <path stroke=\"null\" d=\"M762.5332,222.2792C764.7032,209.6932 775.7764,200.48 788.722,200.48C801.68,200.48 812.7532,209.6932 814.9232,222.2792L824,222.2792L824,231.0212L814.9232,231.0212C812.7532,243.6072 801.68,252.8204 788.722,252.8204C775.7764,252.8204 764.7032,243.6072 762.5332,231.0212\" id=\"SHE_57983d53-a4f14a45\"/>\n  </g>\n  <g stroke=\"#666666\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" fill=\"#D56A11\" type=\"svg-ext-ape-eli\" id=\"SHE_32d0bfaf-9db147c1\">\n   <path stroke=\"null\" d=\"M784.87551,204.1892C783.94051,204.1892 783.61051,204.627 783.83051,205.507L787.68051,220.72A5.5,5.5 0 0 0 786.14051,221.38L783.44551,216.705L778.77051,208.807C778.22051,207.861 777.45051,207.6685 776.51551,208.202L774.15051,209.555C773.65551,209.83 773.43551,210.49 773.98551,211.37L784.76551,222.315A5.5,5.5 0 0 0 784.05051,223.36L779.37551,220.665L771.29051,215.99C770.35551,215.44 769.58551,215.66 769.03551,216.595L767.66051,218.96C767.38386,219.455 767.60551,220.225 768.54051,220.775L783.33551,224.845A5.5,5.5 0 0 0 783.22551,226.165L768.37551,226.165C767.49551,226.165 766.99996,226.605 766.99996,227.54L766.99996,230.29C766.99996,231.225 767.44051,231.555 768.32051,231.335L783.39051,227.54A5.5,5.5 0 0 0 784.05051,229.025L779.37551,231.72L770.90551,236.67C770.41051,236.945 770.24551,237.66 770.79551,238.65L772.14851,241.015C772.44551,241.51 773.10551,241.73 773.60051,241.455L784.98551,230.4A5.5,5.5 0 0 0 786.03051,231.17L783.39051,235.68L778.44051,244.26C778.16551,244.755 778.38551,245.47 779.32051,246.02L781.74051,247.395C782.18051,247.67 782.95051,247.505 783.22551,247.01L787.57051,231.775A5.5,5.5 0 0 0 789.00051,231.885L789.00051,246.79C789.00051,247.725 789.44051,248.165 790.37551,248.165L793.12551,248.165C794.06051,248.165 794.39051,247.725 794.17051,246.845L790.37551,231.665A5.5,5.5 0 0 0 791.69551,231.06L794.39051,235.735L799.34051,244.315C799.67051,244.81 800.44051,244.975 800.88051,244.755L803.30051,243.325C804.23551,242.83 804.45551,242.005 803.63051,241.84L792.63051,230.455A5.5,5.5 0 0 0 793.78551,228.97L798.40551,231.665L806.98551,236.615C807.48051,236.89 808.25051,236.67 808.52551,236.23L809.90051,233.81C810.45051,232.875 810.23051,232.105 809.46051,232.325L794.22551,227.98A5.5,5.5 0 0 0 794.22551,227.925A5.5,5.5 0 0 0 794.33551,227.595A5.5,5.5 0 0 0 794.50051,226.165L809.62551,226.165C810.56051,226.165 811.00051,225.725 811.00051,224.79L811.00051,222.04C811.00051,221.105 810.56051,220.775 809.68051,220.995L794.33551,224.845A5.5,5.5 0 0 0 794.17051,224.35A5.5,5.5 0 0 0 794.17051,224.295A5.5,5.5 0 0 0 794.06051,224.02A5.5,5.5 0 0 0 793.89551,223.69A5.5,5.5 0 0 0 793.78551,223.415L798.40551,220.775L806.82051,215.715C807.64551,215.275 807.75551,214.615 807.48051,214.12L806.10551,211.755C805.55551,210.82 804.89551,210.545 804.45551,211.425L793.18051,222.48A5.5,5.5 0 0 0 791.69551,221.325L794.39051,216.705L799.17551,208.169C799.67051,207.3715 799.39551,206.739 798.90051,206.464L796.53551,205.089C795.60051,204.53735 794.88551,204.594 794.94051,205.639L790.70551,220.83A5.5,5.5 0 0 0 789.00051,220.555L789.00051,205.562C789.00051,204.6435 788.56051,204.1892 787.62551,204.1892L784.87551,204.1892z\" id=\"SHE_fda53aa0-8b294f58\"/>\n  </g>\n  <g stroke=\"rgba(0,0,0,0)\" fill=\"rgba(0,0,0,0)\" type=\"svg-ext-html_switch\" id=\"HXT_66b852d7-62ce4fcc\">\n   <rect stroke=\"null\" id=\"svg_2a2675b3-64e84390\" stroke-width=\"0\" height=\"28\" width=\"66\" y=\"478\" x=\"328\"/>\n   <foreignObject id=\"H-HXT_2ebbb133-5934485e\" width=\"66\" height=\"28\" y=\"478\" x=\"328\">\n    <LABEL style=\"width: calc(100% - 6px); height: calc(100% - 6px); text-align: center; background-color: rgb(213, 106, 17); color: rgb(102, 102, 102); margin: 3px; vector-effect: non-scaling-stroke; border-radius: 11px;\" class=\"md-switch\" id=\"T-HXT_2ebbb133-5934485e\">\n     <NGX-SWITCH class=\"ng-star-inserted\">\n      <LABEL style=\"border-radius: 11px;\" class=\"md-switch\">\n       <DIV style=\"background-color: rgb(204, 204, 204);\" class=\"toggle-button\">\n        <INPUT type=\"checkbox\"/>\n        <DIV style=\"text-align: center; line-height: 22px; font-size: 12px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);\" class=\"inner-circle\"></DIV>\n       </DIV>\n      </LABEL>\n     </NGX-SWITCH>\n    </LABEL>\n   </foreignObject>\n  </g>\n  <rect id=\"svg_78d38894-486b4fd7\" stroke=\"#B92D3A\" ry=\"17\" rx=\"17\" height=\"26\" width=\"110\" y=\"150\" x=\"470\" fill=\"#E25563\"/>\n  <g stroke=\"#B92D3A\" text-anchor=\"right\" font-family=\"sans-serif\" font-size=\"14\" fill=\"#E25563\" type=\"svg-ext-html_bag\" id=\"BAG_e6690f03-af38495a\">\n   <rect stroke=\"null\" fill=\"none\" id=\"svg_57c2166d-aa2845dd\" stroke-width=\"0\" height=\"120\" width=\"152\" y=\"544\" x=\"290\"/>\n   <foreignObject id=\"H-BAG_85bae99f-da124ebf\" width=\"152\" height=\"120\" y=\"544\" x=\"290\">\n    <DIV style=\"width: 100%; height: 100%; vector-effect: non-scaling-stroke;\" id=\"D-BAG_85bae99f-da124ebf\">\n     <NGX-GAUGE class=\"ng-star-inserted\">\n      <DIV class=\"mygauge-container\">\n       <DIV style=\"font-size: 26px; color: rgb(0, 0, 0); top: 38%; font-family: Roboto-Thin;\" class=\"mygauge-value\">0</DIV>\n       <CANVAS width=\"152\" id=\"myGauge\" height=\"120\" class=\"mygauge-canvas\"/>\n      </DIV>\n     </NGX-GAUGE>\n    </DIV>\n   </foreignObject>\n  </g>\n  <path fill=\"rgba(0,0,0,0)\" stroke=\"rgba(41,171,226,1)\" opacity=\"0.5\" d=\"M472,284\" id=\"PIE_03487a45-8c1d4cb5\" type=\"svg-ext-pipe\" stroke-width=\"10\"/>\n  <rect stroke=\"#073984\" ry=\"17\" rx=\"17\" id=\"svg_67f835e1-3aec42eb\" height=\"26\" width=\"110\" y=\"270\" x=\"470\" fill=\"#018ef5ff\"/>\n  <g id=\"SHE_4420f177-359f447a\" type=\"svg-ext-shapes-delay\" fill=\"#FD7E14\" stroke=\"#84420A\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\">\n   <path id=\"SHE_9e1a67cf-978944ba\" d=\"M826,216L856,216Q866,216 866,226Q866,236 856,236L826,236L826,216z\"/>\n  </g>\n  <g id=\"PIE_de3a2ae9-22cd4488\" type=\"svg-ext-pipe\">\n   <path stroke-width=\"7\" id=\"bPIE_9758e04b-74044f25\" d=\"M542,226C544,226 762,226 762,226\" stroke=\"#000000\" fill=\"none\"/>\n   <path stroke-width=\"7\" id=\"pPIE_33a7d040-d45a44ae\" d=\"M542,226C544,226 762,226 762,226\" stroke=\"#d2d2d2ff\" fill=\"none\"/>\n   <path stroke-width=\"5\" id=\"cPIE_f1598746-8e6340fc\" d=\"M542,226C544,226 762,226 762,226\" stroke=\"#fd7e14ff\" fill=\"none\" stroke-dasharray=\"5 5\"/>\n  </g>\n  <g transform=\"rotate(-90 530.0000000000001,225.99999999999997) \" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" stroke=\"#808080\" fill=\"#CCCCCC\" type=\"svg-ext-proceng-valvecx\" id=\"SHE_c9779147-3bcf4800\">\n   <path d=\"M510,210L530,222L510,234L510,210zM550,210L530,222L550,234L550,210zM530,222L542,242L518,242L530,222z\" id=\"SHE_14ce9075-414341a5\"/>\n  </g>\n </g>\n</svg>"},{"id":"v_101044883-4a1b","name":"View_1","profile":{"width":640,"height":480,"bkcolor":"#ffffffff"},"items":{},"variables":{},"svgcontent":"<svg width=\"640\" height=\"480\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:svg=\"http://www.w3.org/2000/svg\">\n <filter id=\"blur-filter\" x=\"-3\" y=\"-3\" width=\"200\" height=\"200\">\n  <feGaussianBlur stdDeviation=\"3\"/>\n </filter>\n <g>\n  <title>Layer 1</title>\n </g>\n</svg>"}]},"version":"1.00","projectFile":"C:\\Users\\Meimetis\\AppData\\Roaming\\.fuxa\\project.json","server":{"id":"0","name":"FuxaServer","type":"FuxaServer","property":{"address":"0.0.0.0"}},"charts":[{"id":"0a254398-513213","name":"My chart","lines":[{"id":"Tag Byte","name":"Tag Byte","device":"Device A","color":"#4484ef","label":"Tag Byte","yaxis":1}]}]}