Skip to content
FOR FLUTTER ENERGY PRODUCTS

Embed energy system diagrams in your Flutter app

Feeds, meters, solar, storage, breakers, and EV charging — visible and editable on a real Flutter canvas.

LIVE FLUTTER CANVASOpen full canvas
Opening the live canvas…
WHY THIS EXISTS

The work is visual.
The product should be too.

Energy teams need more than a table of readings. They need to understand how generation, storage, loads, and faults relate across the site. A native diagram lets your Flutter product show that operational picture without sending users to a separate tool.

WHERE IT FITS

A canvas for the work
your users actually do.

01

SITE ENERGY

See generation and load together

Solar, storage, utility feeds, and building loads in one editable surface.

02

EV CHARGING

Map charging infrastructure

EVSE, panels, circuits, and capacity paths with status along each connection.

03

GRID OPERATIONS

Show live power movement

Use particles and pulses to communicate direction, activity, and changing flow.

NO EMBEDDED WEB APP

Native where your
product needs it.

  • Dart all the wayShapes, ports, routing, and undo belong in your Flutter codebase.
  • Your domain modelCompose cards, ports, and geometry that match the way your users work.
  • At home in your appKeep your own chrome, tools, and controller around a real Flutter canvas.
ONE REAL CANVAS

Start inside
your product.

Mount the editor in the Flutter surface your users already know, then bring your own data, tools, and domain shapes.

your_canvas.dartFlutter
dart
final controller = DiagramController(
  configuration: DiagramConfiguration(
    extensions: [EditorExtension()],
  ),
);

DiagramCanvas(controller: controller);

// Compose your own shapes and tools.
One controller drives the canvas. Your host owns the product around it.
MAKE IT PART OF YOUR PRODUCT

Building an energy experience in Flutter?

Tell us about your assets, flows, and operator surface — we’ll talk through fit and licensing.

Choose your plan