Platform > 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:
What types of widgets are available in Rayven?
Rayven includes charts, gauges, tables, maps, status indicators, KPI tiles, image panels, HTML panels, and input controls such as dropdowns and sliders. All widget types are configurable without code. See the Presentation Layer.
Can I build a custom widget in Rayven?
Yes. The HTML + JavaScript widget type lets you write custom markup and logic rendered inside a sandboxed panel. This covers specialised display requirements not met by the standard widget library. See HTML + JavaScript.
Can widgets display real-time data?
Yes. Widgets connect directly to Rayven data streams and refresh at configurable intervals, from sub-second polling for live sensor feeds to longer periods for aggregated metrics. See Real-time Data Processing.
Can I embed a Rayven widget in an external page?
Yes. Individual widgets can be exported as embeddable iframes, allowing you to surface specific data panels inside third-party portals, intranets, or public-facing websites. See HTML + JavaScript.
How do I connect a widget to a data source?
In the widget configuration panel, select a data table, query, or live stream as the source, map fields to the widget's display properties, and apply any filters or aggregations needed. See Unified Data Tables.
Can widgets be made interactive?
Yes. Many widget types support user input - such as date range pickers, filter dropdowns, and button triggers - that update the displayed data or initiate a workflow action. See Workflows + Triggers.
What styling options are available for widgets?
Each widget has a styling panel covering colours, fonts, borders, padding, background, and conditional formatting rules so you can match your brand and highlight important values automatically. See Dashboards + Visualisations.
Can a widget trigger a Rayven workflow?
Yes. Button and input widgets can be configured to fire a workflow trigger on user interaction, enabling actions like submitting a command, requesting a report, or logging a manual event. See Workflows + Triggers.
Are there pre-built widget templates?
Yes. Rayven ships with a template library covering common operational and industrial use cases, including equipment status boards, energy consumption tiles, and production throughput gauges. See Dashboards + Visualisations.
Can widgets display data from multiple sources?
Yes. A single widget can pull from multiple data tables or streams simultaneously, enabling composite views such as a chart overlaying real-time sensor data with historical averages. See Unified Data Tables.
Also in the Presentation / UI Layer:
Dashboards + Visualisations
Real-time and historical dashboards with charts, KPIs, maps + custom widgets - configurable without code.
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 free 30 minute assessment with our team and we'll scope your project, needs + what a solution might look like.