vyuhDiagram
FOR FLUTTER PRODUCT TEAMS

Embed a network & building topology editor in your Flutter app

Rooms, zones, devices, and links — editable on a real Flutter canvas, not a WebView. Built for KNX, IoT, telecom, and site systems.

Try the live topology canvas Explore pricing
LIVE FLUTTER CANVASOpen full canvas
Opening the live canvas…
WHY THIS EXISTS

The work is visual.
The product should be too.

Installers and operators don’t think in lists. They think in meshes: which device sits in which room, what connects to what, what’s live. If your product is already Flutter, the editor should be Flutter too.

WHERE IT FITS

A canvas for the work
your users actually do.

01

BUILDING / KNX

Visualization that mirrors the site

Rooms, zones, lighting, HVAC, and scenes as a map users can edit.

02

IOT DEVICE MESHES

Make connected assets legible

Gateways, sensors, and assets with live-looking connections.

03

SITE & NETWORK

Show topology in context

Cabinets, nodes, ducts, EVSE and fuse trees — with status on the links.

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 a topology experience in Flutter?

Tell us what you’re shipping — we’ll talk through fit and licensing.

Choose your plan