Node red EV charger pane:
For your inspiration 
Source below:
[{"id":"8326a79c3f2cbebf","type":"mqtt in","z":"022d82e1027a0fe3","name":"mqttBroker4HomeyPro","topic":"#","qos":"2","datatype":"auto","broker":"91e88251.9a6fb","nl":false,"rap":false,"inputs":0,"x":160,"y":440,"wires":[["3079babf88f7e05e","816ae9ebd0f8a50b"]]},{"id":"3079babf88f7e05e","type":"switch","z":"022d82e1027a0fe3","name":"","property":"topic","propertyType":"msg","rules":[{"t":"eq","v":"homie/homeypro/ev-charger/measure-power","vt":"str"},{"t":"eq","v":"homie/homeypro/ev-charger/meter-power","vt":"str"},{"t":"eq","v":"homie/homeypro/ev-charger/devicecapabilities-text-custom-61text1","vt":"str"},{"t":"eq","v":"homie/homeypro/ev-charger/devicecapabilities-onoff-hide-buttonbutton1","vt":"str"},{"t":"eq","v":"","vt":"str"},{"t":"eq","v":"","vt":"str"}],"checkall":"true","repair":false,"outputs":6,"x":510,"y":280,"wires":[["b95f288d1f069225","979aa0e7b3bf8165"],[],["baca3839f40dbcf5"],["4b72f9c60f93abf7"],[],[]]},{"id":"40ecb6607f42ef12","type":"comment","z":"022d82e1027a0fe3","name":"Most Recent Charging Session","info":"","x":430,"y":200,"wires":[]},{"id":"b95f288d1f069225","type":"ui_artlessgauge","z":"022d82e1027a0fe3","group":"406abdd65ee90d8f","order":4,"width":2,"height":2,"name":"Current Power","icon":"fa-flash","label":"Vermogen","unit":"W","layout":"radial","decimals":"0","differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#11ff00","t":"min","dot":0},{"val":5000,"col":"#66f5ff","t":"sec","dot":0},{"val":6500,"col":"#e60000","t":"sec","dot":0},{"val":7400,"col":"#e60000","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":980,"y":200,"wires":[]},{"id":"4b72f9c60f93abf7","type":"function","z":"022d82e1027a0fe3","name":"","func":"var icnColor=\"#888888\";\nvar pl = \"\";\nvar icon=\"\";\n\n\nif (msg.payload==\"true\")\n{\n icnColor=\"#FFAA00\"; \n icon=\"material-icons ev_station\";\n pl = \"Aan het laden\";\n}\nelse\n{\n icnColor=\"#44AAFF\"; \n icon=\"material-icons ev_station\";\n pl = \"Laden gereed\";\n \n \n // removed because causes issues:\n // add current session kWh to the global history\n// var chargeSessionsArray = Array(global.get(\"evChargeSessionsArray\"));\n// chargeSessionsArray.unshift(ev_kWh_currentSession);\n// global.set(chargeSessionsArray);\n \n}\n\nmsg = {payload:pl, Iconcolor:icnColor, IconShape:icon};\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":800,"y":320,"wires":[["6c26b72794b95282"]]},{"id":"6c26b72794b95282","type":"ui_template","z":"022d82e1027a0fe3","group":"406abdd65ee90d8f","name":"nu laden janee","order":1,"width":6,"height":1,"format":" <span style=\"vertical-align:middle; font-size:25px; color: rgb(255, 255, 255); text-align: left; \" class=\"fr-class-transparency\">\n <i style=\"color:{{msg.Iconcolor}}!important;\" class={{msg.IconShape}} aria-hidden=\"true\"></i> \n <span>Laadactiviteit</span>\n </span>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":980,"y":320,"wires":[[]]},{"id":"979aa0e7b3bf8165","type":"ui_chart","z":"022d82e1027a0fe3","name":"","group":"406abdd65ee90d8f","order":2,"width":6,"height":4,"label":"Vermogen","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"0","ymax":"7400","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#66f5ff","#b3d4ff","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":1190,"y":200,"wires":[[]]},{"id":"baca3839f40dbcf5","type":"ui_template","z":"022d82e1027a0fe3","group":"406abdd65ee90d8f","name":"duurLaadsessie","order":8,"width":6,"height":1,"format":"<span style=\"vertical-align:middle; font-size:15px; color: rgb(255, 255, 255); text-align: left; \" class=\"fr-class-transparency\">\n<span><table width=\"100%\"><tr><td><B>Duur Laadsessie:</B></td><td width=\"40%\" align=\"right\"><span>{{msg.payload}} <b></b></span></td></tr></table></span>\n </span>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":980,"y":280,"wires":[[]]},{"id":"816ae9ebd0f8a50b","type":"switch","z":"022d82e1027a0fe3","name":"","property":"topic","propertyType":"msg","rules":[{"t":"eq","v":"homie/homeypro/smart-meter-ev-charger/meter-power","vt":"str"},{"t":"eq","v":"homie/homeypro/smart-meter-ev-charger/meter-powernumber2","vt":"str"},{"t":"eq","v":"homie/homeypro/smart-meter-ev-charger/meter-powernumber3","vt":"str"},{"t":"eq","v":"homie/homeypro/smart-meter-ev-charger/meter-powernumber4","vt":"str"},{"t":"eq","v":"homie/homeypro/smart-meter-ev-charger/meter-powernumber5","vt":"str"},{"t":"eq","v":"homie/homeypro/smart-meter-ev-charger/meter-powernumber6","vt":"str"}],"checkall":"true","repair":false,"outputs":6,"x":510,"y":620,"wires":[["a0d315c2f0229ca0"],["02ce2d34d4ca5e7e"],["ed42f07a73291c85"],["9b51c01d185c1228"],["a3aa53c77f4becf0"],["d9ebe59d3645a110"]]},{"id":"7480e3dacc7d6882","type":"comment","z":"022d82e1027a0fe3","name":"Historic Values","info":"","x":480,"y":540,"wires":[]},{"id":"a0d315c2f0229ca0","type":"ui_artlessgauge","z":"022d82e1027a0fe3","group":"ebc3f6ff640e3261","order":1,"width":6,"height":1,"name":"Current Energy Session Accum","icon":"fa-flash","label":"Energie [sessie]","unit":"kWh","layout":"linear","decimals":"1","differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#11ff00","t":"min","dot":0},{"val":30,"col":"#66f5ff","t":"sec","dot":0},{"val":40,"col":"#e67a00","t":"sec","dot":0},{"val":50,"col":"#fa0000","t":"sec","dot":0},{"val":62,"col":"#fa0000","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":910,"y":560,"wires":[]},{"id":"02ce2d34d4ca5e7e","type":"ui_artlessgauge","z":"022d82e1027a0fe3","group":"ebc3f6ff640e3261","order":2,"width":6,"height":1,"name":"Previous Session Accum","icon":"fa-flash","label":"Energie [vorige sessie]","unit":"kWh","layout":"linear","decimals":"1","differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#11ff00","t":"min","dot":0},{"val":30,"col":"#66f5ff","t":"sec","dot":0},{"val":40,"col":"#e67a00","t":"sec","dot":0},{"val":50,"col":"#fa0000","t":"sec","dot":0},{"val":62,"col":"#fa0000","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":890,"y":600,"wires":[]},{"id":"ed42f07a73291c85","type":"ui_artlessgauge","z":"022d82e1027a0fe3","group":"ebc3f6ff640e3261","order":3,"width":6,"height":1,"name":"Current Month Energy Session Accum","icon":"fa-flash","label":"Energie [huidige maand]","unit":"kWh","layout":"linear","decimals":0,"differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#11ff00","t":"min","dot":0},{"val":150,"col":"#66f5ff","t":"sec","dot":0},{"val":250,"col":"#e67a00","t":"sec","dot":0},{"val":500,"col":"#fa0000","t":"sec","dot":0},{"val":650,"col":"#fa0000","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":930,"y":640,"wires":[]},{"id":"9b51c01d185c1228","type":"ui_artlessgauge","z":"022d82e1027a0fe3","group":"ebc3f6ff640e3261","order":4,"width":6,"height":1,"name":"Previous Month Energy Session Accum","icon":"fa-flash","label":"Energie [vorige maand]","unit":"kWh","layout":"linear","decimals":0,"differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#11ff00","t":"min","dot":0},{"val":150,"col":"#66f5ff","t":"sec","dot":0},{"val":250,"col":"#e67a00","t":"sec","dot":0},{"val":500,"col":"#fa0000","t":"sec","dot":0},{"val":650,"col":"#fa0000","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":940,"y":680,"wires":[]},{"id":"a3aa53c77f4becf0","type":"ui_artlessgauge","z":"022d82e1027a0fe3","group":"ebc3f6ff640e3261","order":5,"width":6,"height":1,"name":"Current Year Energy Session Accum","icon":"fa-flash","label":"Energie [huidig jaar]","unit":"kWh","layout":"linear","decimals":0,"differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#11ff00","t":"min","dot":0},{"val":1500,"col":"#66f5ff","t":"sec","dot":0},{"val":2500,"col":"#e67a00","t":"sec","dot":0},{"val":3500,"col":"#fa0000","t":"sec","dot":0},{"val":4500,"col":"#fa0000","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":930,"y":720,"wires":[]},{"id":"d9ebe59d3645a110","type":"ui_artlessgauge","z":"022d82e1027a0fe3","group":"ebc3f6ff640e3261","order":6,"width":6,"height":1,"name":"Previous Year Energy Session Accum","icon":"fa-flash","label":"Energie [vorig jaar]","unit":"kWh","layout":"linear","decimals":0,"differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#11ff00","t":"min","dot":0},{"val":1500,"col":"#66f5ff","t":"sec","dot":0},{"val":2500,"col":"#e67a00","t":"sec","dot":0},{"val":3500,"col":"#fa0000","t":"sec","dot":0},{"val":4500,"col":"#fa0000","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":930,"y":760,"wires":[]},{"id":"91e88251.9a6fb","type":"mqtt-broker","name":"ds920 mqtt broker","broker":"192.168.1.36","port":"1883","clientid":"nodered","usetls":false,"compatmode":true,"keepalive":"60","cleansession":false,"birthTopic":"","birthQos":"0","birthPayload":"","closeTopic":"","closeQos":"0","closePayload":"","willTopic":"","willQos":"0","willPayload":""},{"id":"406abdd65ee90d8f","type":"ui_group","name":"Laadsessie","tab":"53b7f813777e6a6e","order":1,"disp":true,"width":"12","collapse":false,"className":""},{"id":"ebc3f6ff640e3261","type":"ui_group","name":"Historie","tab":"53b7f813777e6a6e","order":2,"disp":true,"width":"12","collapse":false,"className":""},{"id":"53b7f813777e6a6e","type":"ui_tab","name":"Electric Vehicle","icon":"dashboard","order":7,"disabled":false,"hidden":false}]
