ngDiagram Product Roadmap

Explore upcoming features and improvements shaping the future of ngDiagram. See what’s next in our development journey.

Library Stabilization

The transition from beta to a stable 1.0 release.

Angular 18 Support

Compatibility for projects still running on Angular 18, so teams maintaining older applications can also adopt ng-diagram.

Additional Diagram Events

New event hooks like “model loaded” or “object removed”, giving you more ways to react to changes in your diagrams.

Lookup Helpers

Utility functions such as getConnectedEdgesForNode, making it easier to find related elements in large diagrams.

Labels on Default Edges

Currently labels are only supported on custom edges — we’re extending this so default edge types can also have labels by default.

Box Selection

A rectangular selection tool that lets you drag a box around multiple nodes to select them at once.

Shortcut Manager

A central place to define and manage keyboard shortcuts, so you can customize controls and speed up your workflow.

Minimap

A small overview map to help you navigate and stay oriented in large, complex diagrams.

Virtualization

Smarter rendering that only displays what’s currently visible on the screen, for smoother performance with very large diagrams.

Direct Node Connections

The ability to connect nodes directly with edges, without requiring defined ports.

Grid Background

A configurable grid overlay that helps with alignment and positioning of nodes.

Context Panel for Nodes

Floating panels that follow selected nodes, allowing you to attach action buttons or menus right next to the node.

Port Labels

Add labels or icons to ports for clearer identification