Introducing Dashboard Editor & Dashboard Viewer in SSA UI kit

What if your entire company’s infrastructure across cloud, on-premises, and every monitoring system in between, could be visualized in one dashboard? No more jumping between monitoring data provider, custom scripts, or vendor-specific tools. With SSA UI kit, we’ve built a foundation for unifying observability across all environments, enabled by two new components: Dashboard Editor and Dashboard Viewer.

These components provide the foundation for a unified, fully configurable, and cloud/ on-premises monitoring dashboard experience—capable of aggregating data from virtually any infrastructure monitoring source.

 Dashboard Editor: Design your monitoring view

The Dashboard Editor is an intuitive, React-based component that allows users to build and customize monitoring dashboards. Using this editor, you can:

•  Add the necessary widgets on the dashboard to display the parameters you need to monitor
•  Resize components to fit your layout
•  Rename the dashboard
•  Save your layout with a single click

The interface supports real-time preview and layout updates, letting users quickly compose dashboards tailored to specific monitoring needs.

 Dashboard Viewer: Unified display with real-time data

Once a dashboard is defined, Dashboard Viewer renders the live view, populated with monitoring data. It supports:

•  Real-time or historical metrics (e.g., job queues, CPU, storage utilization)
•  Live parameter values and alerts
• UI widgets like charts, gauges, equalizers, and more

All visuals are pulled from underlying infrastructure data sources and presented in a user-friendly, responsive layout.

 Architecture: One dashboard, any source

At the heart of this system lies a flexible architecture that supports any infrastructure monitoring provider.

While we currently showcase Grafana as the data provider in the architecture diagram, the system is fully data-agnostic. It can support multiple monitoring providers simultaneously, whether your infrastructure is on-premises, cloud-based, or hybrid. Regardless of the number or type of systems, technologies, or monitoring tools in place—our solution brings everything together into a single, unified dashboard.

Here’s how the architecture works:

•  Data Providers (Grafana, or others): provide historical and real-time metrics.
•  Infrastructure Dashboards API: aggregates configurations and data.
•  Infrastructure Transport Interface: handles secure and pluggable communication.
•  UI kit Charts Adapter: transforms raw data into visual components.
•  Infrastructure Dashboard: schema for defining what the dashboard looks like.
• Dashboard Editor & Dashboard Viewer: let users build and consume dashboards visually.

Why It Matters

With the new SSA UI kit components, your team can:

• Unify monitoring views across environments and teams
• Bring dashboards from multiple monitoring tools into a single interface
• Easily customize and share monitoring perspectives
• Create a monitoring hub for your entire company

With Dashboard Editor and Dashboard Viewer, you are no longer limited by tool-specific dashboards or disconnected data views. Whether you monitor Kubernetes clusters, on-prem VMs, or cloud-native apps, SSA UI kit lets you orchestrate everything into a single, cohesive interface.

Looking to build a powerful, unified monitoring dashboard? With SSA UI kit, we offer not just the tools but the expertise to help you implement them. Whether you need custom components, tailored integrations, or end-to-end dashboard development, we are here to help you.

Have feedback or want to collaborate on new components? Get in touch with us, we’d love to hear from you!