Skip to content

Rosepetal Dashboard ​

A collection of custom @rosepetal widgets for machine vision, inspection control and visualisation in Node-RED.

What is this package? ​

@rosepetal/node-red-dashboard-2-rosepetal is a collection of custom widgets and nodes for Node-RED and Node-RED Dashboard 2. It targets machine vision and industrial inspection applications: image display, camera calibration, annotation, dataset export and session control.

Installation ​

bash
cd ~/.node-red
npm install @rosepetal/node-red-dashboard-2-rosepetal

Restart Node-RED and the nodes will appear in the palette under their corresponding category. All widgets require @flowfuse/node-red-dashboard (Dashboard 2.0) to be installed.

Local development ​

Each node is a standalone workspace built with Vite:

bash
# Build every node
npm run build

# Development mode with reload
npm run dev

Node index ​

Documentation for every node and widget included in @rosepetal/node-red-dashboard-2-rosepetal.

Buttons and controls ​

NodeDescription
Button ConfirmButton with an optional confirmation dialog and dynamic states.
Button SwitchTwo-state switch for the dashboard.

Charts ​

NodeDescription
Chart BarConfigurable bar chart.
Chart LineLine chart for time series.
Chart PiePie / doughnut chart.

Images and vision ​

NodeDescription
Image GridImage grid.
Image LogHistorical image log.
Image QueueQueue of images being processed.
Camera SettingsCamera settings.
Canvas FabricAnnotation canvas based on Fabric.js.

Data and export ​

NodeDescription
CSV DownloaderData download in CSV format.
Dataset Save MenuMenu for saving images into datasets.
Audit ManagerAudit management and logging.

Session and status ​

NodeDescription
Session InfoInformation about the current session.
Session StatusSession status.
Last ErrorShows the last recorded error.
Notification OverlayNotifications overlaid on the dashboard.

Configuration ​

NodeDescription
Locale ConfigShared locale configuration node.