3. Dashboard (node-red-dashboard)
Модуль dashboard (приладова панель) надає набір вузлів в Node-RED для швидкого створення інформаційної панелі. З версії 2.10.0 можна створювати та встановлювати вузли віджетів, подібно до інших Node-RED вузлів.
рис.3.1. Приклад приладової панелі
- 1. Інсталяція
- 2. Компонування та налаштування
- 3. Налаштування віджетів (Widgets)
- 4. Основи AngularJS в Node-RED dashboard
- 5. Button (Кнопка)
- 6. Dropdown (Спадне меню)
- 7. Switch (Перемикач)
- 8. Slider (Повзунок)
- 9. Numeric (Числове поле)
- 10. Text input (Текстове поле для вводу)
- 11. Date picker(Вибір дати)
- 12. Colour picker (Вибір кольору)
- 13. Form (Форма)
- 14. Text (Вивід тексту)
- 15. Gauge (Індикатор)
- 16. Audio out (Вивід аудіо)
- 17. Chart (Діаграма)
- 18. Show notification (Повідомлення)
- 19. Ui control (Керування UI)
- 20. Template (Шаблон)
Додаткові віджети сумісні з node-red-dashboard:
- node-red-node-ui-list - A Node-RED widget node for showing a list of items
- node-red-contrib-ui-etable - A Node-RED UI Node to create an editable table based on the Tabulator libraries.
- node-red-node-ui-lineargauge - A Node-RED ui node to display a linear gauge on the dashboard.
- node-red-node-ui-microphone - A Node-RED ui node to record audio on a dashboard.
- node-red-node-ui-table - A Node-RED UI widget node which displays data as a table
- node-red-node-ui-vega - Node-RED UI widget node for Vega visualization grammar- пакунок з великою кількістю способів відображення
- node-red-contrib-ui-actions - This project is a set of custom dashboard nodes that support advanced control of the UI.
- node-red-contrib-ui-artless-gauge - Gauge with minimal design
- node-red-contrib-ui-contextmenu - A Node-RED node to display a popup contextmenu in the Node-RED dashboard
- node-red-contrib-ui-heatmap - A Node Red node to show a heat map (based on the heatmap.js library).
- node-red-contrib-ui-led - A simple LED status indicator for the Node-RED Dashboard
- node-red-contrib-ui-level - Linear level indicator
- node-red-contrib-ui-media - A Node-RED UI node to show media files (image and video) on the dashboard.
- node-red-contrib-ui-state-trail - Trail of state changes over time
- node-red-contrib-ui-statechart - Bar chart to visualize numeric values in relation, together with state represented by color.
- node-red-contrib-ui-svg - A Node-RED widget node to show interactive SVG (vector graphics) in the dashboard
- node-red-contrib-ui-upload - Node-RED Dashboard UI widget node for uploading a file content by Socket.io streaming
- node-red-contrib-ui-value-trail - Node-RED dashboard widget to show small trail of value history near some numeric value
- node-red-contrib-ui-week-schedule - A Week Schedule UI for the Node-RED Dashboard
- node-red-contrib-dashboard-sum-bars
- node-red-contrib-dashboard-average-bars
node-red-contrib-ui-svg
node-red-node-ui-table
Додаткові посилання :
https://flows.nodered.org/node/node-red-dashboard
https://github.com/node-red/node-red-dashboard/wiki/Creating-New-Dashboard-Widgets