vyuhDiagram
FOR FLUTTER TRANSPORTATION PRODUCTS

Transportation & Transit diagrams inside your Flutter app

Connect terminals, depots and interchanges inside your Flutter planning application.

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

The work is visual.
The product should be too.

Transport operations span routes, transfer points and operating constraints. A schematic network makes those relationships visible alongside your application data.

WHERE IT FITS

A canvas for the work
your users actually do.

01

NETWORKS

Plan connected services

Lay out terminals, depots, interchanges and route connections.

02

DISRUPTIONS

Inspect affected connections

Highlight a disrupted link and explore alternative connections.

03

OPERATIONS

Attach operational context

Show capacity, service status and handoffs supplied by your application.

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 transportation application?

Bring your domain data and workflows into an interactive diagram.

Choose your plan