MindFusion NetDiagram

What's New in NetDiagram 4.1?

• HTML5 Canvas client side mode
• Interactive node alignment via alignment guides
• FractalLayout tree layout algorithm
• OrthogonalLayout improved to create less link bends
• Specify start and end nodes for LayeredLayouts

What's New in NetDiagram 4?

• Export to SWF (Adobe Flash) format
• Export to WMF (Windows MetaFile) format
• Support for background swimlane grid
• Swimlane diagram layout algorithm
• Cascading graph layout algorithm
• Triangular graph layout algorithm
• Hierarchical graph layout algorithm
• Ortogonal graph layout improvements

What's New in NetDiagram 3.1.1?

Support for custom arrowheads - The type of the HeadShape, BaseShape and IntermediateShape properties of DiagramLink has been changed from enum ArrowHead to class Shape, which is also used to define ShapeNode shapes. The ArrowHeads class now exposes Shape definitions that correspond to the ArrowHead enumeration members from previous versions. It is also possible to assign any Shapes member or a custom shape as an arrowhead. When used for arrowheads, position (50, 0) in the shape definition corresponds to the arrowhead's tip point.

Additional arrowhead enhancements

• Now IntermediateShape arrowheads are also rendered for Bezier links.
• Different arrowhead shapes can be filled with distinct brushes as set through HeadBrush, BaseBrush and IntermediateBrush.
• Arrowheads can be custom drawn at arbitrary locations through the DrawArrowhead method.
• Support for intermediate arrowheads added to DxfExporter.

Miscellaneous Updates

• The ShapeDesigner tool now supports filled decoration objects (used in BPMN shapes).
• ShapeDesigner now allows drawing the shape's text region outside the shape outline.
• A new LoadFromXml overloaded method allows loading diagram items without changing the diagram's properties.
• UBendMaxLen property has been added to the QuickRouter.
• Now includes Printing and clipboard support in Silverlight mode
• The Toolbox Installer tool can be used to automatically add the NetDiagram components to a tab in the Visual Studio toolbox.
• Shadows can be painted using any brush type and not only in solid color.

What's New in NetDiagram 3.1?

• TreeView nodes
• Topological graph layout
• Flowchart graph layout
• Additional ScriptHelper methods
• Link routing enhancements
• Adjustment handles styling

What's New in NetDiagram 3.0.1?

• Added predefined shapes that implement the BPMN notation 
• It is possible to add filled geometric shapes as shape decorations 
• ShapeBrush is used to fill the DIV representing new nodes 
• Intermediate control points of links can be moved to a new position 
• TableNodes are rendered as HTML tables while being drawn 
• Keyboard focus management improved; ClientFocus property added
• Now ShapeListBox.ShapeLibraryLocation be used in ImageMap mode too 
• Client-side validation events can be raised in ImageMap mode

What's New in NetDiagram 3?

• Orthogonal graph layout
• Circular graph layout
• ShapeListBox and Overview controls in ImageMap mode 
• Clipboard in ImageMap mode 
• Deleting items with Del in ImageMap mode 
• Client-side Diagram DOM in ImageMap mode 
• Support for custom item types in ImageMap mode 
• Silverlight mode

What's New in NetDiagram V2.1?

• Interactivity in ImageMap mode
• New ScriptHelper methods let you define AnchorPattern objects on the client side 
• Support for Java 6 updates 10 and 11 JRE versions 
• The CreatingAreaElement event lets you add custom AREA attributes

What's New in NetDiagram V2.0?

Document/view architecture
NetDiagram 2 implements the Model-View-Controller (MVC) architectural pattern. The MVC design pattern as applied to NetDiagram separates the diagram data (model) from its representation to the user (view) and controlling it by the user (controller). According to the MVC design pattern, NetDiagram Version 2 provides two new classes instead of the FlowChart class, namely Diagram and DiagramView.

Containers
The ContainerNode class implements diagram nodes that can function as containers for other nodes. Containers can be folded to hide their content, and unfolded to show it again. Containers can be nested one within another, without limitation on the depth of nesting.

New import and export components
In addition to PdfExporter which is available since version 1, NetDiagram 2 includes the VisioExporter, VisioImporter, SvgExporter and DxfExporter components, which provide support for the Microsoft Visio XML Drawing, W3C's Scalable Vector Graphics and the AutoDesk Drawing Exchange formats.

OrthogonalLayout on the client-side
OrthogonalLayout is a secondary layout algorithm that can be used to arrange links after an initial node arrangement has already been applied. In older versions, it was available only on the server side. Now it can be applied on the client-side as well. Use the createOrthogonalLayout method of ScriptHelper to get an instance of the OrthogonalLayout Java class which can be used from JavaScript.

Arrange multiple graphs
In older versions the layout algorithms placed unconnected subgraphs either in a row or in a column. Now it is possible to place the unconnected subgraphs in such a way that the diagram covers a minimal area. To enable that, set MultipleGraphsPlacement to MinimalArea.

IGraphics interface
Now all drawing is done through the IGraphics interface, for which the control provides GdiGrahics, SvgGraphics and PdfGraphics implementations. Thus the files created by SvgExporter and PdfExporter can contain custom-drawn elements, which you draw either by handling custom drawing events or by implementing the Draw method in your custom item types.

What's New in NetDiagram V1.0.4?

• Optimized data transfer in JavaApplet mode
• Support for large diagram images in ImageMap mode
• Improved link routing

What's New in NetDiagram V1.0.3?

• OrthogonalLayout automatic graph layout class
• laying out unconnected subgraphs so that the diagram covers a minimal area
• Overview control for JavaApplet mode
• ShapeListBox control for JavaApplet mode
• RoundRectangleTemplate shape definition element

What's New in NetDiagram V1.0.1?

Text wrapping enhancements
Version 1.0 of NetDiagram supported wrapping text to a new line only at word boundaries. Now the default is to split words into multiple parts if there is not enough space to fit a whole word. Now you can disable the automatic text wrapping by enabling the NoWrap flag in the FormatFlags member of TextFormat. If automatic wrapping is disabled and there isn't enough space to fit the whole line, the text is clipped at the node boundaries.

New client-side events
The following JavaApplet mode events have been added:

• The ArrowDeleting, BoxDeleting and TableDeleting validation events are raised when the user tries to delete a diagram item
• ArrowMouseEnter, BoxMouseEnter and TableMouseEnter are raised when the mouse pointer enters a diagram item
• ArrowMouseLeave, BoxMouseLeave and TableMouseLeave are raised when the mouse pointer leaves a diagram item
• SelectionMoved is raised when the user moves multiple selected items

Client-side events in ImageMap mode
The following events can be handled on the client-side both in JavaApplet and ImageMap modes: ArrowMouseEnter, BoxMouseEnter, TableMouseEnter, ArrowMouseLeave, BoxMouseLeave, TableMouseLeave, ArrowClicked, BoxClicked, TableClicked, ArrowDblClicked, BoxDblClicked, TableDblClicked. Note that in ImageMap mode, the respective server-side events are not raised when their client-side counterparts are handled via JavaScript. At this time, the arguments passed to the client-side events are JavaScript objects that contain only two fields - ZIndex and Tag. Any of these values can be used to identify the diagram item on the server side, e.g. the former can be used as an index in the Objects collection, and the latter can be passed as parameter to one of the Find* methods.

NetDiagram is a software component that can be used to display various types of diagrams and charts in web applications. NetDiagram is flexible component that offers a variety of diagram shapes, layout styles, properties, methods and events..

NetDiagram can give graphical representation to:

• Workflow processes
• Object hierarchies and relationships
• Graphs and networks
• Entity-relationship / database diagrams
• IVR systems
• Industrial automation processes
• Genealogy trees
• Algorithms and flowcharts
• Organizational charts
• XML documents
• Classification hierarchies

NetDiagram provides intuitive user-interaction model for creating or editing diagrams. In addition, its programmatic interface places at your disposal many useful functions, ranging from printing and XML serialization to path-finding and automatic layout algorithms.

For optimal convenience you can choose between two usage modes: As a Java applet or As an HTML image map

Java Applet

• Browser Compatibility: Internet Explorer, Mozilla Firefox
• Interactivity: Fully interactive diagram creation Mouse clicks events on image areas.
• Event Handling: Client side events
• Software Requirements Java Runtime 1.5 or 1.6 400 KB download of the applet's *.jar file

HTML Image Map Mode

• Browser Compatibility: All browsers
• Interactivity: Mouse clicks events on image areas.
• Event Handling: Only click events - either on server or on client side. Hyperlinks
• Software Requirements No special requirements

The control has been tested with the most popular .NET development environments and programming languages, and is used by companies from all around the world to create applications in C#, VB.NET and Delphi.NET.