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