ngDiagram Product Roadmap

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

library icon

Library Stabilization

The transition from beta to a stable 1.0 release.

angular icon

Angular 18 Support

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

diagram events icon

Additional Diagram Events

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

help icon

Lookup Helpers

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

label icon

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.

Selection icon

Box Selection

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

shortcuts icon

Shortcut Manager

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

minimap icon

Minimap

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

virtualization icon

Virtualization

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

direct connections icon

Direct Node Connections

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

grid icon

Grid Background

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

toolbar icon

Context Panel for Nodes

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

port label icon

Port Labels

Add labels or icons to ports for clearer identification