<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2581828&amp;fmt=gif">

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.

Market-Tracker-Solution-500

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

ESG-Solution-1-500
Asset-IQ-Solution-500
Custom-Analytics-Solution-WebP
Cash-Forecast-Solution-WebP
MyEnergy-Solution-500
AAMG-Solution-WebP
Task-Management-Solution-1040
Line-Performance-500
Collective-Intelligence-Solution-500
EYEMine-Solution-500
Job-Management-500
Inventrory-Optimisation-Solution-WebP
ABC-Solution-500

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.

EYEMine-Solution-500

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.

ESG-Solution-2-1040

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.

Collective-Intelligence-Solution-500

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.

Manufacturing-Leader

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.