They are actually from various Canvas gauge libraries, as discussed in the topic linked below.
My flow by itself may not accomplish anything (mostly just a bunch of blank spots) as it is pulling from 2 or 3 (can't remember) different library's installed in custom locations, but some may work as their library is incorporated in a template.
[{"id":"15f672db96ac9474","type":"ui_template","z":"8c7dfd6121113522","group":"171f22a4261dd1c6","name":"Linear Vertical","order":1,"width":5,"height":12,"format":"<div style=\"margin:auto\">\n \n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"linear-gauge\"\n data-width=\"180\"\n data-height=\"620\"\n data-min-value=\"0\"\n data-max-value=\"100\"\n data-border-radius=\"20\"\n data-borders=\"0\"\n data-bar-stroke-width=\"5\"\n data-minor-ticks=\"10\"\n data-major-ticks=\"0,10,20,30,40,50,60,70,80,90,100\"\n data-value={{msg.payload}}\n data-units=\"°C\"\n data-color-Bar-Progress=\"rgba(255,0,0,.25)\"\n data-color-value-box-shadow=\"false\"\n></canvas>\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":680,"y":80,"wires":[[]]},{"id":"01183e3a5d78bff9","type":"random","z":"8c7dfd6121113522","name":"","low":1,"high":"100","inte":"true","property":"payload","x":340,"y":80,"wires":[["15f672db96ac9474"]]},{"id":"2fd33d1202e5eb98","type":"ui_template","z":"8c7dfd6121113522","group":"365a732e0ed6d35d","name":"Full Round","order":1,"width":8,"height":7,"format":"<div style=\"margin:auto\">\n \n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"radial-gauge\"\n data-width=\"350\"\n data-height=\"350\"\n data-units=\"Km/h\"\n data-title=\"false\"\n data-value={{msg.payload}}\n data-min-value=\"0\"\n data-max-value=\"100\"\n data-major-ticks=\"0,20,40,60,80,100\"\n data-minor-ticks=\"6\"\n data-stroke-ticks=\"false\"\n data-highlights='[\n { \"from\": 0, \"to\": 60, \"color\": \"rgba(0,255,0)\" },\n { \"from\": 60, \"to\": 80, \"color\": \"rgba(255,255,0)\" },\n { \"from\": 80, \"to\": 100, \"color\": \"rgba(255,0,0)\" }\n ]'\n data-color-plate=\"#808080\"\n data-color-major-ticks=\"#000000\"\n data-color-minor-ticks=\"#808080\"\n data-color-title=\"#fff\"\n data-color-units=\"#ccc\"\n data-color-numbers=\"#eee\"\n data-color-needle-start=\"rgba(240, 128, 128, 5)\"\n data-color-needle-end=\"rgba(255, 160, 122, 1)\"\n data-animation-rule=\"elastic\"\n data-animation-duration=\"500\"\n data-value-box=\"true\"\n data-font-value=\"Led\"\n data-animated-value=\"true\"\n></canvas>\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":670,"y":160,"wires":[[]]},{"id":"3309ec3494dbae53","type":"random","z":"8c7dfd6121113522","name":"","low":1,"high":"100","inte":"true","property":"payload","x":340,"y":160,"wires":[["2fd33d1202e5eb98"]]},{"id":"6614d5b174cacc9b","type":"ui_template","z":"8c7dfd6121113522","group":"ad3ddda6cb6b3c19","name":"Half Round","order":1,"width":8,"height":7,"format":"<div style=\"margin:auto\">\n \n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas \n data-type=\"radial-gauge\"\n data-width=\"350\"\n data-height=\"350\"\n data-start-angle=\"90\"\n data-ticks-angle=\"180\"\n data-units=\"°C\"\n data-title=\"false\"\n data-value={{msg.payload}}\n data-min-value=\"0\"\n data-max-value=\"40\"\n data-major-ticks=\"0,5,10,15,20,25,30,35,40\"\n data-minor-ticks=\"5\"\n data-stroke-ticks=\"false\"\n data-borders=\"false\"\n data-highlights='[\n { \"from\": 0, \"to\": 10, \"color\": \"rgba(0,0,128)\" },\n { \"from\": 10, \"to\": 15, \"color\": \"rgba(0,0,255)\" },\n { \"from\": 15, \"to\": 20, \"color\": \"rgba(0,128,0)\" },\n { \"from\": 20, \"to\": 25, \"color\": \"rgba(0,255,0)\" },\n { \"from\": 25, \"to\": 30, \"color\": \"rgba(255,255,0)\" },\n { \"from\": 30, \"to\": 40, \"color\": \"rgba(255,0,0)\" }\n ]'\n data-color-plate=\"#333333\"\n data-border-shadow-width=\"0\"\n data-color-major-ticks=\"#000000\"\n data-color-minor-ticks=\"#808080\"\n data-color-units=\"#ccc\"\n data-color-numbers=\"#eee\"\n data-color-needle-start=\"rgba(240, 128, 128, 5)\"\n data-color-needle-end=\"rgba(255, 160, 122, 1)\"\n data-needle-circle-inner=\"false\"\n data-needle-circle-outer=\"true\"\n data-animation-rule=\"elastic\"\n data-animation-duration=\"500\"\n data-value-box=\"false\"\n></canvas>\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":670,"y":200,"wires":[[]]},{"id":"5d6c7e51cc1523bf","type":"random","z":"8c7dfd6121113522","name":"","low":"0","high":"40","inte":"true","property":"payload","x":340,"y":200,"wires":[["6614d5b174cacc9b"]]},{"id":"64f819caa152f1b9","type":"ui_template","z":"8c7dfd6121113522","group":"5eab586c78e8cf53","name":"Linear Horizontal","order":1,"width":17,"height":3,"format":"<div style=\"margin:auto\">\n \n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"linear-gauge\"\n data-value={{msg.payload}}\n data-width=\"790\"\n data-height=\"100\"\n data-min-value=\"0\"\n data-max-value=\"100\"\n data-major-ticks=\"0,10,20,30,40,50,60,70,80,90,100\"\n data-minor-ticks=\"10\"\n data-stroke-ticks=\"true\"\n data-color-plate=\"#fff\"\n data-border-shadow-width=\"0\"\n data-borders=\"false\"\n data-bar-begin-circle=\"false\"\n data-tick-side=\"left\"\n data-number-side=\"left\"\n data-needle-side=\"left\"\n data-needle-type=\"line\"\n data-needle-width=\"3\"\n data-color-needle=\"#00FF00\"\n data-color-needle-end=\"#00FF00\"\n data-color-Bar-Progress=\"rgba(0,255,0,.5)\"\n data-animation-duration=\"1500\"\n data-animation-rule=\"linear\"\n data-animation-target=\"plate\"\n data-bar-width=\"10\"\n data-ticks-width=\"50\"\n data-ticks-width-minor=\"15\"\n></canvas>\n\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":690,"y":120,"wires":[[]]},{"id":"0c8a61b04dc5fd5a","type":"random","z":"8c7dfd6121113522","name":"","low":1,"high":"100","inte":"true","property":"payload","x":340,"y":120,"wires":[["64f819caa152f1b9"]]},{"id":"0b5e3e8518add64e","type":"comment","z":"8c7dfd6121113522","name":"Gauges Galore","info":"","x":140,"y":20,"wires":[]},{"id":"6ace5c135d52db44","type":"ui_template","z":"8c7dfd6121113522","group":"0225baf06413ee39","name":"Canvas-Gauges","order":1,"width":7,"height":6,"format":"<div style=\"margin:auto\">\n\n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"radial-gauge\"\n data-width=\"300\"\n data-height=\"300\"\n data-units=\"°C\"\n data-min-value=\"0\"\n data-max-value=\"100\"\n data-major-ticks=\"0,10,20,30,40,50,60,70,80,90,100\"\n data-minor-ticks=\"10\"\n data-stroke-ticks=\"true\"\n data-highlights='[\n {\"from\": 50, \"to\": 70, \"color\": \"rgba(255, 136, 0, .75)\"}, \n {\"from\": 70, \"to\": 100, \"color\": \"rgba(200, 50, 50, .75)\"}\n ]'\n data-color-plate=\"#fff\"\n data-border-shadow-width=\"0\"\n data-borders=\"false\"\n data-needle-type=\"arrow\"\n data-needle-width=\"2\"\n data-needle-circle-size=\"7\"\n data-needle-circle-outer=\"true\"\n data-needle-circle-inner=\"false\"\n data-animation-duration=\"1500\"\n data-animation-rule=\"linear\"\n data-title = {{msg.title}}\n data-value-Box = \"true\"\n data-value-Int=\"2\"\n data-value-Dec=\"2\" \n data-value={{msg.payload}}\n></canvas>\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":680,"y":280,"wires":[[]]},{"id":"5c83c1e35c72d6e6","type":"inject","z":"8c7dfd6121113522","name":"","props":[{"p":"payload"}],"repeat":"3","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"true","payloadType":"bool","x":110,"y":320,"wires":[["01183e3a5d78bff9","0c8a61b04dc5fd5a","3309ec3494dbae53","5d6c7e51cc1523bf","ab02a775fe61480c","637cc3cb57087783","4d92bd212b2e6b74","9851b92096c23aec","a7cecd63f040a432","c09d075d66e41467"]]},{"id":"637cc3cb57087783","type":"random","z":"8c7dfd6121113522","name":"","low":1,"high":"100","inte":"false","property":"payload","x":340,"y":280,"wires":[["0cd9dfe26e83183c"]]},{"id":"b63cd624dbae0df5","type":"ui_template","z":"8c7dfd6121113522","group":"0225baf06413ee39","name":"Canvas-Gauges","order":2,"width":6,"height":6,"format":"<div style=\"margin:auto\">\n\n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"radial-gauge\"\n data-width=\"250\"\n data-height=\"250\"\n data-units=\"°C\"\n data-min-value=\"0\"\n data-max-value=\"100\"\n data-major-ticks=\"0,10,20,30,40,50,60,70,80,90,100\"\n data-minor-ticks=\"10\"\n data-stroke-ticks=\"true\"\n data-highlights='[\n {\"from\": 50, \"to\": 70, \"color\": \"rgba(255, 136, 0, .75)\"}, \n {\"from\": 70, \"to\": 100, \"color\": \"rgba(200, 50, 50, .75)\"}\n ]'\n data-color-plate=\"#fff\"\n data-border-shadow-width=\"0\"\n data-borders=\"false\"\n data-needle-type=\"arrow\"\n data-needle-width=\"2\"\n data-needle-circle-size=\"7\"\n data-needle-circle-outer=\"true\"\n data-needle-circle-inner=\"false\"\n data-animation-duration=\"1500\"\n data-animation-rule=\"linear\"\n data-title = {{msg.title}}\n data-value-Box = \"true\"\n data-value-Int=\"2\"\n data-value-Dec=\"2\" \n data-value={{msg.payload}}\n></canvas>\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":680,"y":320,"wires":[[]]},{"id":"0cd9dfe26e83183c","type":"function","z":"8c7dfd6121113522","name":"","func":"let counter = context.get(\"counter\");\ncounter = counter + 1;\ncontext.set(\"counter\", counter);\nnode.status({text:counter});\n//----------\n\ndelete msg.topic;\nmsg.title = \"Time of Last Reading: \" + timeString_hms();\nreturn msg;\n\n//-----------\n\nfunction timeString_hms(){\n let t = Date.now();\n let date = new Date(t); \n let hours = (\"0\" + date.getHours()).slice(-2);\n let minutes = (\"0\" + date.getMinutes()).slice(-2);\n let seconds = (\"0\" + date.getSeconds()).slice(-2); \n let timestring = hours + ':' + minutes + ':' + seconds;\n return timestring;\n}","outputs":1,"noerr":0,"initialize":"// Code added here will be run once\n// whenever the node is started.\nif (context.get(\"counter\") === undefined) {\n context.set(\"counter\", 0);\n}","finalize":"","libs":[],"x":500,"y":280,"wires":[["6ace5c135d52db44"]]},{"id":"0842a23a0e327e9f","type":"function","z":"8c7dfd6121113522","name":"","func":"let counter = context.get(\"counter\");\ncounter = counter + 1;\ncontext.set(\"counter\", counter);\nnode.status({text:counter});\n\n//----------\n\ndelete msg.topic;\nmsg.title = \"Time of Last Reading: \" + timeString_hms();\nreturn msg;\n\n//-----------\n\nfunction timeString_hms(){\n let t = Date.now();\n let date = new Date(t); \n let hours = (\"0\" + date.getHours()).slice(-2);\n let minutes = (\"0\" + date.getMinutes()).slice(-2);\n let seconds = (\"0\" + date.getSeconds()).slice(-2); \n let timestring = hours + ':' + minutes + ':' + seconds;\n return timestring;\n}\n","outputs":1,"noerr":0,"initialize":"// Code added here will be run once\n// whenever the node is started.\nif (context.get(\"counter\") === undefined) {\n context.set(\"counter\", 0);\n}","finalize":"","libs":[],"x":500,"y":320,"wires":[["b63cd624dbae0df5"]]},{"id":"304666516656220f","type":"ui_template","z":"8c7dfd6121113522","group":"0225baf06413ee39","name":"Canvas-Gauges","order":3,"width":5,"height":6,"format":"<div style=\"margin:auto\">\n \n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"radial-gauge\"\n data-width=\"200\"\n data-height=\"200\"\n data-units=\"°C\"\n data-min-value=\"0\"\n data-max-value=\"100\"\n data-major-ticks=\"0,10,20,30,40,50,60,70,80,90,100\"\n data-minor-ticks=\"10\"\n data-stroke-ticks=\"true\"\n data-highlights='[\n {\"from\": 50, \"to\": 70, \"color\": \"rgba(255, 136, 0, .75)\"}, \n {\"from\": 70, \"to\": 100, \"color\": \"rgba(200, 50, 50, .75)\"}\n ]'\n data-color-plate=\"#fff\"\n data-border-shadow-width=\"0\"\n data-borders=\"false\"\n data-needle-type=\"arrow\"\n data-needle-width=\"2\"\n data-needle-circle-size=\"7\"\n data-needle-circle-outer=\"true\"\n data-needle-circle-inner=\"false\"\n data-animation-duration=\"1500\"\n data-animation-rule=\"linear\"\n data-title = \"false\"\n data-value-Box = \"true\"\n data-value-Int=\"2\"\n data-value-Dec=\"0\" \n data-value={{msg.payload}}\n></canvas>\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":680,"y":360,"wires":[[]]},{"id":"4d92bd212b2e6b74","type":"random","z":"8c7dfd6121113522","name":"","low":1,"high":"100","inte":"false","property":"payload","x":340,"y":320,"wires":[["0842a23a0e327e9f"]]},{"id":"9851b92096c23aec","type":"random","z":"8c7dfd6121113522","name":"","low":1,"high":"100","inte":"true","property":"payload","x":340,"y":360,"wires":[["d79514156f41f20c"]]},{"id":"d79514156f41f20c","type":"function","z":"8c7dfd6121113522","name":"","func":"let counter = context.get(\"counter\");\ncounter = counter + 1;\ncontext.set(\"counter\", counter);\nnode.status({text:counter});\n//----------\n\ndelete msg.topic;\nmsg.title = \"Time of Last Reading: \" + timeString_hms();\nreturn msg;\n\n//-----------\n\nfunction timeString_hms(){\n let t = Date.now();\n let date = new Date(t); \n let hours = (\"0\" + date.getHours()).slice(-2);\n let minutes = (\"0\" + date.getMinutes()).slice(-2);\n let seconds = (\"0\" + date.getSeconds()).slice(-2); \n let timestring = hours + ':' + minutes + ':' + seconds;\n return timestring;\n}","outputs":1,"noerr":0,"initialize":"// Code added here will be run once\n// whenever the node is started.\nif (context.get(\"counter\") === undefined) {\n context.set(\"counter\", 0);\n}","finalize":"","libs":[],"x":500,"y":360,"wires":[["304666516656220f"]]},{"id":"de2b2fa45759c4a9","type":"ui_template","z":"8c7dfd6121113522","group":"912b14d740dbf00d","name":"RGraph Dual","order":1,"width":8,"height":8,"format":"<canvas id=\"RGg\" width=\"400\" height=\"400\">[No canvas support]</canvas>\n\n<div style=\"margin:auto\"></div>\n\n<script language=\"javascript\" type=\"text/javascript\">\n\n (function(scope){ \n scope.$watch('msg', function(msg) {\n RGGaugeDual.value=[msg.temperature,msg.humidity];\n RGGaugeDual.grow();\n });\n })(scope);\n \n var RGGaugeDual = new RGraph.Gauge({\n id: 'RGg',\n min: 0,\n max: 100,\n value: [23,60],\n options: {\n titleTop: 'Temperature',\n titleTopSize: '16',\n titleTopFont: 'Impact',\n titleTopColor: '#ff8888',\n titleTopPos: 0.25,\n titleBottom: 'Humidity',\n titleBottomSize: '14',\n titleBottomFont: 'Impact',\n titleBottomColor: '#8888ff',\n titleBottomPos: 0.3,\n backgroundColor: 'black',\n backgroundGradient: true,\n centerpinColor: '#666',\n needleSize: [null, 50],\n needleColors: ['Gradient(transparent:yellow:orange:#ff8888:#ff8888)', \n 'Gradient(transparent:cyan:green:blue:blue)'],\n textColor: 'white',\n tickmarks: 6,\n tickmarksBigColor: 'white',\n tickmarksMediumColor: 'white',\n tickmarksSmallColor: 'white',\n borderWidth: 1,\n borderOuter: '#666',\n borderInner: '#3333',\n colorsRanges: [\n [0,10,'rgba(0,0,255,0.6)'], \n [10,20,'rgba(0,128,255,0.6)'], \n [20,30,'rgba(0,255,255,0.6)'], \n [30,40,'rgba(0,255,128,0.6)'], \n [40,50,'rgba(0,255,0,0.6)'], \n [50,60,'rgba(128,255,0,0.6)'], \n [60,70,'rgba(255,255,0,0.6)'], \n [70,80,'rgba(255,128,0,0.6)'], \n [80,90,'rgba(255,64,0,0.6)'], \n [90,100,'rgba(255,0,0,1']\n ],\n textAccessible: true\n }\n });\n RGGaugeDual.grow();\n</script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":670,"y":780,"wires":[[]]},{"id":"ab02a775fe61480c","type":"random","z":"8c7dfd6121113522","name":"","low":"0","high":"40","inte":"true","property":"temperature","x":340,"y":760,"wires":[["759fbb7f30ba6ac2"]]},{"id":"759fbb7f30ba6ac2","type":"random","z":"8c7dfd6121113522","name":"","low":"0","high":"40","inte":"true","property":"humidity","x":340,"y":800,"wires":[["de2b2fa45759c4a9"]]},{"id":"13c39b07b625b67c","type":"ui_template","z":"8c7dfd6121113522","group":"6d2e01e4ea2d03f8","name":"RGraph Horseshoe - self triggered/timed","order":1,"width":6,"height":8,"format":"<canvas id=\"cvshs\" width=\"300\" height=\"300\">[No canvas support]</canvas>\n\n<script>\n horseshoe = new RGraph.Horseshoe({\n id: 'cvshs',\n min: 0,\n max: 100,\n value: 65,\n options: {\n labelUnitsPost: '%'\n }\n }).grow();\n \n update = function ()\n {\n horseshoe.value = horseshoe.value + RGraph.random(-20,20);\n horseshoe.grow();\n setTimeout(update, 2000);\n };\n\n setTimeout(update, 2000);\n</script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":960,"y":780,"wires":[[]]},{"id":"a2669babbbb6a58d","type":"ui_template","z":"8c7dfd6121113522","group":"912b14d740dbf00d","name":"RGraph Libraries","order":2,"width":0,"height":0,"format":"<script src=\"/RGraph/libraries/RGraph.common.core.js\"></script>\n<script src=\"/RGraph/libraries/RGraph.common.dynamic.js\"></script>\n<script src=\"/RGraph/libraries/RGraph.gauge.js\"></script>\n<script src=\"/RGraph/libraries/RGraph.horseshoe.js\"></script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":890,"y":680,"wires":[[]]},{"id":"dc58109e99327d1e","type":"ui_template","z":"8c7dfd6121113522","group":"926072151b8e3190","name":"RGraph 1","order":1,"width":8,"height":3,"format":"<canvas id=\"rg1\" width=\"400\" height=\"140\"></canvas>\n\n<div style=\"margin:auto\"></div>\n\n<script language=\"javascript\" type=\"text/javascript\">\n (function(scope){ \n scope.$watch('msg', function(msg) {\n gauge1.value = msg.payload;\n gauge1.grow();\n });\n })(scope);\n \n let gauge1 = new RGraph.Gauge({\n id: 'rg1',\n min: 0,\n max: 40,\n value: 10,\n options: {\n centery: 120,\n radius: 110,\n anglesStart: RGraph.PI,\n anglesEnd: RGraph.TWOPI,\n numbersMargin: .1,\n backgroundColor: 'black',\n textColor: 'white',\n needleSize: 65,\n borderWidth: 15,\n shadow: true,\n needleType: 'line',\n colorsRanges: [[0,8,'blue'], [8,16,'lightblue'], [16,24,'green'], [24,32,'orange'], [32,40,'red']],\n borderInner: 'rgba(0,0,0,0)',\n borderOuter: 'rgba(0,0,0,0)',\n borderOutline: 'rgba(0,0,0,0)',\n centerpinColor: 'rgba(0,0,0,0)',\n centerpinRadius: 0\n }\n });\n gauge1.grow();\n</script>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":660,"y":680,"wires":[[]]},{"id":"a7cecd63f040a432","type":"random","z":"8c7dfd6121113522","name":"","low":"0","high":"40","inte":"true","property":"payload","x":340,"y":700,"wires":[["dc58109e99327d1e","5fa6155ba619c31e"]]},{"id":"5fa6155ba619c31e","type":"ui_text","z":"8c7dfd6121113522","group":"926072151b8e3190","order":2,"width":8,"height":1,"name":"Temperature 1","label":" ","format":"{{msg.payload}} ° C","layout":"row-center","x":680,"y":720,"wires":[]},{"id":"c09d075d66e41467","type":"random","z":"8c7dfd6121113522","name":"","low":"0","high":"360","inte":"true","property":"payload","x":340,"y":460,"wires":[["9dac9baa9ffe467e","0e36bebef61b9bec","d21356027fdc21f8"]]},{"id":"9dac9baa9ffe467e","type":"ui_template","z":"8c7dfd6121113522","group":"a86601a0d85e8a94","name":"Compass","order":1,"width":10,"height":8,"format":"<div style=\"margin:auto\">\n \n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"radial-gauge\"\n data-width=\"350\"\n data-height=\"350\"\n data-min-value=\"0\"\n data-max-value=\"360\"\n data-major-ticks=\"N,NE,E,SE,S,SW,W,NW,N\"\n data-minor-ticks=\"22\"\n data-ticks-angle=\"360\"\n data-start-angle=\"180\"\n data-stroke-ticks=\"false\"\n data-highlights=\"false\"\n data-color-plate=\"#222\"\n data-color-major-ticks=\"#f5f5f5\"\n data-color-minor-ticks=\"#ddd\"\n data-color-numbers=\"#ccc\"\n data-color-needle=\"rgba(240, 128, 128, 1)\"\n data-color-needle-end=\"rgba(255, 160, 122, .9)\"\n data-value-box=\"false\"\n data-value-Dec=\"0\" \n data-value-text-shadow=\"false\"\n data-color-circle-inner=\"#fff\"\n data-color-needle-circle-outer=\"#ccc\"\n data-needle-circle-size=\"15\"\n data-needle-circle-outer=\"false\"\n data-animation-rule=\"linear\"\n data-needle-type=\"line\"\n data-needle-start=\"70\"\n data-needle-end=\"99\"\n data-needle-width=\"3\"\n data-borders=\"true\"\n data-border-inner-width=\"0\"\n data-border-middle-width=\"0\"\n data-border-outer-width=\"10\"\n data-color-border-outer=\"#ccc\"\n data-color-border-outer-end=\"#ccc\"\n data-color-needle-shadow-down=\"#222\"\n data-border-shadow-width=\"0\"\n data-animation-duration=\"1000\"\n data-value={{msg.payload}}\n></canvas>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":660,"y":440,"wires":[[]]},{"id":"0e36bebef61b9bec","type":"ui_text","z":"8c7dfd6121113522","group":"a86601a0d85e8a94","order":2,"width":0,"height":0,"name":"","label":"Degrees","format":"{{msg.payload}}","layout":"col-center","x":660,"y":480,"wires":[]},{"id":"d21356027fdc21f8","type":"ui_template","z":"8c7dfd6121113522","group":"a86601a0d85e8a94","name":"Small Compass","order":3,"width":10,"height":3,"format":"<div style=\"margin:auto\">\n \n<script src=\"/Canvas-Gauges/gauge.min.js\"></script>\n\n<canvas data-type=\"radial-gauge\"\n data-width=\"140\"\n data-height=\"140\"\n data-min-value=\"0\"\n data-max-value=\"360\"\n data-major-ticks=\"N,NE,E,SE,S,SW,W,NW,N\"\n data-font-Numbers-Size=\"28\"\n data-minor-ticks=\"4\"\n data-ticks-angle=\"360\"\n data-start-angle=\"180\"\n data-stroke-ticks=\"false\"\n data-highlights=\"false\"\n data-color-plate=\"#333333\"\n data-color-major-ticks=\"lightblue\"\n data-color-minor-ticks=\"lightgrey\"\n data-color-numbers=\"cyan\"\n data-color-needle=\"rgba(240, 128, 128, 1)\"\n data-color-needle-end=\"rgba(255, 160, 122, .9)\"\n data-value-box=\"false\"\n data-value-Dec=\"0\" \n data-value-text-shadow=\"false\"\n data-color-circle-inner=\"#fff\"\n data-color-needle-circle-outer=\"#ccc\"\n data-needle-circle-size=\"5\"\n data-needle-circle-outer=\"false\"\n data-animation-rule=\"linear\"\n data-needle-type=\"line\"\n data-needle-start=\"70\"\n data-needle-end=\"99\"\n data-needle-width=\"3\"\n data-borders=\"true\"\n data-border-inner-width=\"0\"\n data-border-middle-width=\"0\"\n data-border-outer-width=\"2\"\n data-color-border-outer=\"#ccc\"\n data-color-border-outer-end=\"#ccc\"\n data-color-needle-shadow-down=\"#222\"\n data-border-shadow-width=\"0\"\n data-animation-duration=\"1000\"\n data-value={{msg.payload}}\n></canvas>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":680,"y":540,"wires":[[]]},{"id":"171f22a4261dd1c6","type":"ui_group","name":"Canvas Linear Vertical","tab":"2deac665c2e9da53","order":1,"disp":true,"width":"5","collapse":false},{"id":"365a732e0ed6d35d","type":"ui_group","name":"Canvas Full Round","tab":"2deac665c2e9da53","order":2,"disp":true,"width":"8","collapse":false},{"id":"ad3ddda6cb6b3c19","type":"ui_group","name":"Canvas Half Round","tab":"2deac665c2e9da53","order":3,"disp":true,"width":"8","collapse":false},{"id":"5eab586c78e8cf53","type":"ui_group","name":"Canvas Linear Horizontal","tab":"2deac665c2e9da53","order":4,"disp":true,"width":"17","collapse":false},{"id":"0225baf06413ee39","type":"ui_group","name":"Canvas - Tri-Size","tab":"2deac665c2e9da53","order":6,"disp":true,"width":"18","collapse":false},{"id":"912b14d740dbf00d","type":"ui_group","name":"RGraphDualPointer","tab":"2deac665c2e9da53","order":8,"disp":true,"width":"8","collapse":false},{"id":"6d2e01e4ea2d03f8","type":"ui_group","name":"RGraph Horseshoe","tab":"2deac665c2e9da53","order":9,"disp":true,"width":6,"collapse":false},{"id":"926072151b8e3190","type":"ui_group","name":"RGraph","tab":"2deac665c2e9da53","order":7,"disp":true,"width":"8","collapse":false},{"id":"a86601a0d85e8a94","type":"ui_group","name":"Compass","tab":"2deac665c2e9da53","order":9,"disp":true,"width":10,"collapse":false},{"id":"2deac665c2e9da53","type":"ui_tab","name":"Gauges Galore","icon":"data_usage","order":8,"disabled":false,"hidden":false}]
