{"id":41620,"library":"node-red-contrib-ui-artless-gauge","title":"node-red-contrib-ui-artless-gauge","description":"A Node-RED Dashboard UI widget providing a minimal gauge with linear and radial layouts. Version 0.3.12, stable, periodic updates. Supports regular and differential modes, configurable segments, animation, dashed lines, and various icon sets (Font Awesome, Material, Weather Icons Lite, Iconify). Differentiates from alternatives like ui-gauge by offering a cleaner design, differential mode, and more customization for line styles.","status":"active","version":"0.3.12","language":"javascript","source_language":"en","source_url":"https://github.com/hotNipi/node-red-contrib-ui-artless-gauge","tags":["javascript","node-red","gauge","dashboard"],"install":[{"cmd":"npm install node-red-contrib-ui-artless-gauge","lang":"bash","label":"npm"},{"cmd":"yarn add node-red-contrib-ui-artless-gauge","lang":"bash","label":"yarn"},{"cmd":"pnpm add node-red-contrib-ui-artless-gauge","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Required to register the widget in Node-RED Dashboard UI","package":"node-red-dashboard","optional":false}],"imports":[{"note":"This is a Node-RED custom node, not a standard JavaScript module. Import via Node-RED's palette or npm install.","wrong":"Attempting to import JavaScript modules directly (it's a Node-RED node, not a JS library)","symbol":"node-red-contrib-ui-artless-gauge","correct":"Install via Node-RED palette manager or npm i node-red-contrib-ui-artless-gauge"}],"quickstart":{"code":"// No code import needed. Install package in Node-RED.\n// 1. In Node-RED, go to Manage Palette > Install > search 'node-red-contrib-ui-artless-gauge' and install.\n// 2. Drag 'artless gauge' node from dashboard category onto workspace.\n// 3. Configure properties (size, layout, range, etc.) in the node's edit dialog.\n// 4. Wire an input node (e.g., inject) sending msg.payload as a number.\n// Example flow JSON:\n[{\"id\":\"n1\",\"type\":\"inject\",\"z\":\"flow\",\"name\":\"\",\"props\":[{\"p\":\"payload\"}],\"repeat\":\"\",\"crontab\":\"\",\"once\":false,\"onceDelay\":0.1,\"topic\":\"\",\"payload\":\"50\",\"payloadType\":\"num\"},{\"id\":\"n2\",\"type\":\"ui_artless_gauge\",\"z\":\"flow\",\"group\":\"Group\",\"name\":\"My Gauge\",\"order\":1,\"width\":6,\"height\":4,\"label\":\"Speed\",\"icon\":\"fa-tachometer\",\"layout\":\"radial\",\"mode\":\"normal\",\"min\":0,\"max\":100,\"segments\":[],\"animation\":true,\"lineWidth\":10,\"lineStyle\":\"\",\"trackColor\":\"#ccc\",\"tickmarks\":true,\"round\":0,\"format\":\"{{value}}\",\"x\":300,\"y\":200,\"wires\":[]}]\n// Then deploy and see gauge on dashboard.","lang":"javascript","description":"Shows installation and basic usage of the gauge node in Node-RED with a flow example."},"warnings":[{"fix":"Install node-red-dashboard via npm or Palette Manager.","message":"Node-RED Dashboard must be installed separately; this node does not install it automatically.","severity":"breaking","affected_versions":">=0.0.0"},{"fix":"Use plain text in 'Label' field; for rich text, consider alternative nodes.","message":"Label field does not support HTML; only plain text is allowed.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Set width and height to same value for predictable radial gauge size.","message":"Radial layout forces square dimensions based on shortest side; minimum 2x2 units.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Add <script src=\"https://code.iconify.design/1/1.0.7/iconify.min.js\"></script> to dashboard.","message":"Iconify icons require internet and a script added to dashboard site head.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Disable animation if gauge is jittery or dashboard is unresponsive.","message":"Animate option can cause performance issues on slow devices when enabled.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Experiment with values; if gauge looks odd, adjust line width.","message":"Line width range depends on layout and configured size; not documented precisely.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Test in target browsers; use 'round' only if supported via stroke-linecap attribute.","message":"Dashed line 'round' option at end of dash array may not work in all browsers.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"search_vec":"'0.3.12':25 'altern':52 'anim':36 'artless':6 'awesom':44 'cleaner':60 'configur':34 'contrib':4 'custom':66 'dash':37 'dashboard':12,75 'design':61 'differenti':32,50,62 'font':43 'gaug':7,18,56,74 'icon':41,47 'iconifi':49 'javascript':70 'layout':23 'like':53 'line':38,68 'linear':20 'lite':48 'materi':45 'minim':17 'mode':33,63 'node':2,10,72 'node-r':9,71 'node-red-contrib-ui-artless-gaug':1 'offer':58 'period':27 'provid':15 'radial':22 'red':3,11,73 'regular':30 'segment':35 'set':42 'stabl':26 'style':69 'support':29 'ui':5,13,55 'ui-gaug':54 'updat':28 'various':40 'version':24 'weather':46 'widget':14","created_at":"2026-06-04T18:53:17.815876+00:00","updated_at":"2026-06-04T18:53:17.815876+00:00","problems":[{"fix":"Install via npm: npm install node-red-contrib-ui-artless-gauge, or use Node-RED Palette Manager.","cause":"Package not installed in Node-RED node_modules.","error":"Error: Cannot find module 'node-red-contrib-ui-artless-gauge'"},{"fix":"Ensure msg.payload is a number before passing to gauge node.","cause":"Input payload is undefined or missing.","error":"TypeError: Cannot read properties of undefined (reading 'payload')"},{"fix":"Create a UI group in Node-RED Dashboard settings and assign gauge node to a group.","cause":"Dashboard group not configured or node not wired to UI.","error":"Gauge not appearing on dashboard"},{"fix":"Use correct Font Awesome 4.7 or Material icon name. For Iconify use prefix 'iconify-' and ensure script is added.","cause":"Icon set not loaded or incorrect icon name.","error":"Icon not showing"},{"fix":"Set width and height equal or accept that the gauge will be square.","cause":"Radial layout enforces square based on smallest dimension.","error":"Gauge size not as expected"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":null,"cli_version":null,"type":"library","homepage":"https://github.com/hotNipi/node-red-contrib-ui-artless-gauge#readme","github":"https://github.com/hotNipi/node-red-contrib-ui-artless-gauge","docs":null,"changelog":null,"pypi":null,"npm":"node-red-contrib-ui-artless-gauge","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-04","next_check":"2026-09-02","install_tag":null}}