MindFusion.Diagramming for JavaScript Release Notes

Released: Oct 26, 2023

Updates in 4.4


  • Web components - The library registers each control class as a web component.
    • You can now use the following tags to create corresponding components:
      • <mindfusion-diagramview> - Creates a DiagramView instance.
      • <mindfusion-ruler> - Creates a Ruler instance.
      • <mindfusion-zoomcontrol> - Creates a ZoomControl instance.
      • <mindfusion-overview> - Creates an Overview instance.
      • <mindfusion-nodelistview> - Creates a NodeListView instance.
    • When instantiated as a web...

Released: Sep 1, 2023

Updates in 4.3.2


  • Reversed tree layouts - Added the reversedLinks property of TreeLayout, RadialTreeLayout and BorderedTreeLayout which lets you arrange trees where links point from child to parent nodes, instead of the default parent to child direction.
  • Miscellaneous
    • Column, row and node property getters have been added to CellEventArgs.
    • ContainerNode now sorts its child nodes by zIndex instead of insertion order.


  • Fixed RaiseEvents mode of expandButtonAction; it no longer collapses or expands...

Released: Jul 25, 2023

Updates in 4.3


  • Multiple diagram pages - Added DiagramDocument class which represents a collection of diagram pages or sheets.
    • New pages can be added to the document and existing pages can be removed or reordered.
    • Includes methods to load/save all pages in a single file.
    • Can also load files created by serialization methods which show them in a single page.
  • Tabbed diagram view - Added TabbedDiagramView control which is a view that displays DiagramDocument objects.
    • Individual diagram pages can be...

Released: Apr 14, 2023

Updates in 4.2.5


  • Blazor bindings - Integrate JavaScript diagramming API into Blazor applications. Includes a set of .NET wrapper classes, that use Blazor's JSInterop API to create and manipulate the client-side objects. The package provides easy access from C# code to most of the MindFusion.Diagramming functionality, including different node types, layouts and styling. Additional UI components such as Overview, NodeListView, ZoomControl and Ruler are included too.
  • Miscellaneous
    • The opacity property now...

Released: Dec 14, 2022

Updates in 4.2.4


  • Lasso Zoom Tool - The control now supports several ways to zoom using a Lasso Tool.
  • New 'PanAndModify' behavior lets you select and modify when the mouse pointer is over an item, or pan the view.
  • Added 'removeNode' method to 'NodeListView'.
  • 'strokeThickness' now affects dash distances.


  • Fixed clearAll method of NodeListView keeping visual elements from old nodes.
  • Fixed styled text rendering in rotated NodeLabel, TableNode and ContainerNode objects.
  • strokeThickness no longer affects...

Released: Nov 1, 2022

Updates in 4.2.3


  • Added new Radial tree layout - The 'RadialTreeLayout' class arranges tree levels in concentric circles around the root.
  • Miscellaneous
    • 'strokeDashArray' and 'strokeDashOffset' properties now let you set custom dash patterns when 'strokeDashStyle' is set to Custom.
    • Styled text now lets you set font size.
    • 'enableStyledText' property has been added to ItemLabel which lets you format labels using HTML-like format flags.
    • 'enableWrap' and 'maxWidth' properties have been added to ItemLabel...

Released: Jun 3, 2022

Updates in 4.2.2


  • React functional components - The @mindfusion/diagramming-react package now contains functional-component wrappers for the DiagramView and auxiliary controls, and has been upgraded to React 18.
    • Old class-component wrappers have been moved to the @mindfusion/diagramming-react-cc package.
    • The DiagramView control exposes a forwardRef, that can be passed on to other controls, such as the Overview and ZoomControl.
    • To obtain a reference to the underlying core controls, use the respective...

Released: May 14, 2022

Updates in 4.2


  • Multiple labels per node
    • Added NodeLabel class which allows you to display multiple captions for a single diagram node.
  • Multi-touch improvements
    • The DiagramView 'multiTouchDraw' property now helps prevent you simultaneously drawing multiple items, while keeping other multitouch gestures enabled.
    • Added 'handleTouchHitDistance' property to DiagramView which makes it easier to grab adjustment handles on mobile devices.
  • Miscellanous
    • MoveLabels behavior now lets users move link and node...

Released: Jan 20, 2022

Updates in 4.1


  • Multi-touch support - The control now handles DOM Pointer events to implement multi-touch interactions, such as zooming, node rotation or simultaneous drawing of multiple diagram items:
    • If multiTouchZoom property is enabled (default), the view can be zoomed or panned using two-touch pinch / flick gestures.
    • If multiTouchModify property is enabled (default), diagram nodes can be moved, scaled and rotated using two-touch pinch / flick gestures.
    • If multiTouchZoom property is disabled, each...

Released: Nov 11, 2021

Updates in 4.0.1


  • Updated framework wrappers
    • React diagramming library has been updated for version 4 API. In addition, it has been moved to scoped @mindfusion/diagramming-react package on NPM, and now requires React 17.0.2 as minimum version.
    • Vue diagramming library has been updated for version 4 API. In addition, it has been moved to scoped @mindfusion/diagramming-vue package on NPM, and now requires Vue.js 3.0.0 as minimum version.
    • Angular diagramming library has been updated for version 4 API. In...