Case study

Real-time diagram editor
for BESS plant operation

A real-time, drag-and-drop diagram editor that gives power plant operators control – enabling instant creation, customization, and monitoring of complex energy flows. Fully integrated, scalable solution slashed change cycles from weeks to hours and unlocked true operational agility for global energy leaders.

Interface of a corporate structure visualization tool with a sidebar menu and an active filter panel. A user selects entity filters like company type and status, then clicks “Apply” to update the diagram showing hierarchical relationships between companies.
Clutch logotype

Real-time diagram editor for BESS plant operations

Fluence, a global leader in energy storage and grid optimization, needed a way for battery energy storage (BESS) domain experts – not developers – to create and customize the visualizations they use every day to commission, monitor, and operate plants. The diagram editor was first applied to the plant's primary electrical diagrams – manual, slow to update, and dependent on developers for every change. The same need extended to alarm pages, plant-wide dashboards, and other operator-built views – all of which previously required code changes to the product.

Client

Fluence Energy, Inc. is a leading provider of battery energy storage products, services, and optimization software across 47 markets. It empowers utilities and energy providers to scale renewable energy assets for a resilient, sustainable grid.

Business need

A digital solution that would allow operators and engineers to independently create, edit, and visualize single line diagrams and control logic in real time – without relying on custom development for every change.

Scope

Design and implementation of a web-based, real-time diagram editor and control logic visualization, integrated with Fluence’s backend, supporting hundreds of elements and custom workflows.

GOJS
React
Custom backend integration
Real-time data streaming with WebSocket
Advanced UX/UI for non-technical users
Challenges and requirements

BESS plant diagramming challenges solved with custom diagram editor

Every BESS plant has its own unique electrical configuration – and its own set of diagrams. Static, manually maintained files couldn’t keep up with that variety, and every new plant turned into a new development project.

Static, manually updated diagrams

The original diagrams were:

Easy filtering and conditional formatting

People wanted to color-code or restyle nodes based on specific data—like changing shapes or fonts when certain conditions were met.

Branch expand/collapse

Users needed a quick way to hide or reveal entire sections of the chart, letting them focus on what mattered most.

Process

Building an interactive diagram editor layer for BESS plant operations

At first glance, the problem looked like a need for a diagram editor. In reality, it required redefining what diagrams represent.

01
Understanding the system behind the diagrams

Workshops revealed that diagrams were more than visuals – they were tightly linked to system logic, live data, and decision-making. The scope shifted from drawing to building an interactive layer for power plant operations.

02
Rapid prototyping for complex requirements

With multiple user types, evolving vision, and complex data, the team iterated throughprototypes and validated flows continuously – adapting to new requirements as theyemerged.

03
Designing for non-technical users in a complex system

The platform had to be intuitive for operators, yet powerful for engineers. This meant
drag-and-drop interactions, clear system states, and a minimal learning curve – without
sacrificing control.

04
Balancing flexibility with scalability

Fluence needed highly customizable diagrams, advanced features (rules, alerts,
custom views), and support for large-scale electrical systems. The challenge: deliver
flexibility without breaking performance or usability.

The Solution

Intuitive diagram editor for faster, error-free plant operations

Empowering operators with real-time insight and streamlined workflows

Drag-and-drop diagram editor

Every operator is empowered to build, edit, and reorganize complex electrical diagrams visually – no developer support or specialist training needed. Intuitive interface with rotation, line breaking, and multi-select for rapid workflow.

User interface depicting an entity diagram and expand/collapse branches feature.

Live data overlays for electrical system monitoring

Diagrams display real-time values (voltage, SoC, frequency) and system status. Operators see the current state of the plant, enabling instant, data-driven decisions and proactive electrical system management.

User interface depicting entity diagram and its conditional formatting

Personalized views and asset watchlists

Operators create custom pages and watchlists for specific assets or sites. Filter, export, and monitor what matters most – tailored to every plant’s unique electrical network.

User interface depicting entity diagram with filtering feature.

System reliability and automation for large-scale electrical engineering

Scalable, integrated software for secure, compliant, and efficient energy operations

Custom rule manager and automated alerts

Operators can define custom rules for any monitored parameter – trigger alerts, automate workflows, and ensure proactive maintenance. Operators stay ahead of issues and maintain compliance with electrical safety standards.

A consistent design system for a Kube application.

Scalability for complex power systems

Handles hundreds or thousands of diagram elements without performance loss. Built for the largest, most demanding electrical engineering and energy sector environments.

User interface depicting entity diagram with custom description of indicated entity and a sidebar with notes regarding a selcted entity..

Seamless backend integration for data consistency

Direct connection to Fluence’s control systems ensures data consistency, security, and operational reliability. Without manual syncing or data silos – electrical engineering software works in harmony with existing infrastructure.

User interface depicting entity diagram presenting drag and drop feature.
Results

The new operator-first and data-driven standard for diagram management

Now Fluence’s engineers and operators can update diagrams and monitor live plant data instantly. The platform reduced IT workload, improved safety, and enabled rapid adaptation to new sites – setting a new standard for electrical system management.

  • Centralized overview
    Key metrics – such as node statuses and ownership breakdowns – are consolidated in one place, giving stakeholders a snapshot of the entire structure at a glance. A unified view enables quick assessments and more informed strategic decisions.
  • On-the-fly updates
    Changes to filters, formatting rules, or displayed attributes occur instantly, allowing users to refine data and see results straight away. Real-time responsiveness guarantees that the dashboard always reflects the most current state of the group structure.
  • PDF export & reporting
    Users can export a finalized chart with all applied styles intact, eliminating the hassle of manually recreating or editing diagrams in another tool. An export feature that simplifies reporting helps distribute consistent, professional visuals across teams.
View of Kube application's user interface with two canvas depitcting a entity diagram and export feature.

Complex integration for next-level governance

Integrating our advanced diagramming solution with a current setup can instantly improve data management and oversight. The architecture adapts as entity structures evolve – without forcing a costly overhaul.

  • Adaptable approach

    Each deployment is fine-tuned to an infrastructure, allowing fluid data exchange and minimal extra overhead.
  • Low-impact rollout

    An iterative release strategy introduces new features without pausing essential operations, so productivity remains high.
  • Tailored connectivity

    Specialized endpoints and data formats are accommodated, making the solution an organic part of a tech stack.
  • Built for expansion

    As a corporate network scales, the resilient architecture maintains top-tier performance under heavier loads.
Results

Discover the impact of an interactive structure chart

Clearer entity oversight

A fully customizable diagram allows governance teams to see ownership structures and relationships at a glance, reducing confusion and speeding up evaluations.

Accelerated decision-making

Real-time data updates and on-the-fly filtering ensure that users work with current information—helping them act swiftly and confidently.

Streamlined compliance

Built-in features like conditional formatting and PDF export make it easier to maintain regulatory standards, audit trails, and consistent reporting.

Elevate your entity governance today

Share your project details, and we’ll build a dynamic diagramming solution tailored to your specific needs – ensuring a better and smarter approach to corporate oversight.

Contact details
Only company domains are supported.

By sending a message you allow Synergia Pro Sp. z o.o., with its registered office in Poland, Wroclaw (51-607) Czackiego Street 71, to process your personal data provided by you in the contact form for the purpose of contacting you and providing you with the information you requested. You can withdraw your consent at any time. For more information on data processing and the data controller please refer to our Privacy policy.

*Required
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.