Platform Home > Presentation / UI Layer > Widgets + UI Components
Widgets + UI components.
Configure operational interfaces from a library of 40+ ready-to-deploy widgets - drag-and-drop for standard layouts, HTML + JavaScript for anything beyond.
CAPABILITY OVERVIEW
Every interface element you need, ready-to-configure.
Rayven's widget library provides every UI component required to build operational dashboards, data capture forms, control interfaces + reporting views.
Each widget connects directly to a live data source, updates on every 30-second refresh cycle + can be configured without code. For bespoke requirements, any widget accepts custom HTML, CSS + JavaScript injection.
Role-based visibility + Label-based filtering control which widgets each user sees and what data they display - without building separate interfaces per audience.
Data sources feeding dashboards include:
-
Cassandra time-series data (per-UID + per-Node)
-
Primary + Secondary Table records (MySQL queries)
-
ML model prediction outputs
-
Workflow execution results + aggregated calculations
-
External API feeds via GET endpoints
Outbound connections include:
-
Button + control widget actions triggering workflow events
-
Form widget submissions routing data into workflows
-
Dropdown selection updating workflow parameters
KEY CAPABILITIES
What Widgets + UI Components give you.
Data visualization widgets
Line charts, bar charts, pie charts, scatter plots, area charts, gauges + KPI tiles - each connecting to a live Cassandra or MySQL data source. Configure axis labels, colour schemes, thresholds + refresh behaviour per widget without writing code.
Table + grid widgets
Display structured records from Primary or Secondary Tables in configurable grid views. Support sorting, filtering, pagination + row-level drill-down. Role-based access controls which records each user can view, edit or interact with.
Map + overlay widgets
Plot asset locations, sensor positions or operational events on interactive map layers. Overlay data from multiple sources - live GPS feeds, zone boundaries, environmental readings - in a single geospatial view. Useful for distributed asset monitoring + field operations.
Control widgets
Button, dropdown + text field widgets connect directly to workflow triggers. Operators interact with connected systems from within the interface - sending commands, updating records or launching processes without leaving the dashboard.
ML Chart + predictive widgets
Display ML model predictions, confidence intervals + historical actuals alongside live operational data. Purpose-built for predictive maintenance, demand forecasting + anomaly detection dashboards where forecast context and current readings need to appear in the same view.
Role-based + Label-filtered configuration
Configure visibility, data scope + interaction permissions per widget using role + Label assignments. The same dashboard layout serves multiple audiences - operators, managers, clients - each seeing only the data and controls relevant to their role and Label.
HOW IT CONNECTS: EXPLAINER
Where Widgets + UI Components fit in the Rayven Platform stack.
Widgets sit in the Presentation Layer as the building blocks of every user-facing interface in the platform.
-
Data flows into widgets from the Data Layer (Cassandra time-series + MySQL tables) and the Execution Layer (workflow outputs, ML predictions, GenAI responses).
-
Control widgets trigger workflow events in the Execution Layer - allowing operators to act directly from the interface.
-
Form widgets collect data that routes back through the Integration Layer into workflows.
Every widget operates within the same platform used for data ingestion, processing + automation - no separate frontend infrastructure required.
USE CASES
How Widgets + UI Components get used.
Operations dashboard for a distributed industrial fleet
A site operations team builds a dashboard using KPI tiles (per-asset load + fuel), a map widget (GPS positions), an ML Chart widget (predicted failure risk) + button controls (manual alert acknowledgement). Each widget connects to a different data source but updates on the same 30-second cycle. Label filtering scopes each operator's view to their own site.

Multi-role client portal for a financial services firm
A financial services firm configures a single dashboard layout serving advisors, managers + compliance staff. Advisors see their own client table widgets. Managers see aggregated KPI tiles across their team. Compliance staff see audit trail tables. Role + Label assignments route each user to the correct data view automatically.

Partner building a white-label asset monitoring product
An MSP uses Rayven's widget library to build a branded asset monitoring portal for clients. Map widgets, KPI tiles + threshold charts are pre-configured per client using Label-based data scoping. Each client accesses a polished interface under the partner's own domain - with no visible Rayven branding.

Rayven Widgets + UI Components FAQs:
40+ widgets covering charts, tables, maps, KPI tiles, ML Chart, gauges, form fields, control buttons, dropdown menus + more. Rayven's widget library is continuously expanded. For requirements not covered by existing widgets, any widget accepts custom HTML, CSS + JavaScript injection.
Yes. Every widget is configured using a drag-and-drop interface + settings panel. Data source connection, display options, refresh behaviour, filter conditions + role visibility are all set without code. HTML + JavaScript injection is available when bespoke behaviour is required.
Yes. Label-based filtering scopes each widget's data query to the authenticated user's Label assignment. An operator sees their site's data; a client sees their own records; a manager sees aggregated views. The widget configuration is the same - the data scope changes per user.
Yes. Control widgets (buttons, dropdowns, text fields) connect to workflow triggers. A button click fires a configured workflow event; a dropdown selection updates a workflow parameter; a text field submission routes data into a processing chain. Operators act directly from the interface.
Yes. All widgets adapt their layout to the device screen size automatically. Dashboard layouts on tablet + mobile devices display adjusted widget sizes and positions based on configured breakpoints. No separate mobile configuration required.
Yes. A dashboard can include multiple widgets each querying different sources. A single overlay map widget can combine GPS data from Cassandra with zone boundary data from a MySQL table in the same view. Combine Data nodes in the Execution Layer pre-merge multi-source data before it reaches the widget.
Widget configurations are set per dashboard. For consistent layouts across multiple views, the same widget configuration approach can be replicated. Screen Flows + Hierarchies enables shared widget components to appear across multiple application screens from a single configuration.
Yes. The HTML + JavaScript node supports importing approved external libraries, enabling integration of specialist charting tools, mapping libraries + interactive data visualisation frameworks directly into a widget without leaving the platform.
Every control widget action - button click, dropdown selection, form submission - triggers a workflow execution that is stored in Cassandra with full payload context, user identity + timestamp. All widget-initiated actions are auditable via the Inspect Data tab.
Yes. A conversational analytics widget embeds a GenAI-powered natural language query interface directly in a dashboard. Users ask questions about live data in plain English and receive context-aware responses within the interface. See the Conversational Analytics page for full detail.
/Website%202026/Industries%202026/Manufacturing/Manufacturing%20Images%202026/Manufacturing-Leader.webp?width=338&height=561&name=Manufacturing-Leader.webp)
Also in the Presentation / UI Layer:
Widgets + UI Components
Configure and customise the full widget library for dashboards, forms, controls + operational interfaces.
Notifications + Alerts
Set thresholds, trigger real-time alerts via email, SMS + webhook, and surface alerts directly within dashboards.
HTML + JavaScript
Inject custom HTML, CSS + JavaScript into any widget or interface for fully bespoke visualisations and interactions.
Dynamic Reports
Generate on-demand or scheduled reports from live data with one click - shareable, exportable + compliance-ready.
Custom Form Builder
Build configurable data capture forms embedded in dashboards or deployed as standalone interfaces.
Screen Flows + Hierarchies
Design multi-level navigation structures, role-based screen paths + hierarchical data views across your application.
QR Code Generator
Bulk-generate QR codes linked to live records, forms, or workflow triggers - scannable from any device in the field.
Conversational Analytics
Embed a GenAI-powered natural language query interface into any dashboard, trained on your data.
Ready to build your perfect UI?
Show us what you need to see and we will show you how Rayven surfaces it - in real-time, for the right people.
Join the Shift
Discover the easy way to do something new.
Book a demo with our team and we'll show you exactly how Rayven can work for your environment.