Diagramming for JavaScript 1.6

MindFusion has released a new version of its diagramming library for JavaScript. Here is an overview of
the most important new features in the control:

Node Effects

You can now apply two visual effects to your nodes – the GlassEffect and AeroEffect. In order to apply
an effect, create an instance of the respective class, set its properties and add the instance to the
Effects collection. You can add, remove or modify effects at any time and this will immediately affect the appearance of the diagram. You can apply effects of different types simultaneously.

Visual effects applied on diagram nodes.

Visual effects applied on diagram nodes.

Multiple labels per link

The new LinkLabel class lets you display multiple captions for a single DiagramLink object. You can fully
customize the display and positioning of the link labels. The new LinkLabel.AutoArrange property lets you arrange automatically the labels to avoid overlapping.

Selection of multiple items.

Selection of multiple items.

New events

Miscellaneous

  • The new setVirtualScroll method enables the virtual scrolling mode. In this mode, the canvas stays as big as its containing div, and its content is drawn with a translation bound to the div’s scrollbar positions. This allows displaying large diagrams in browsers and on mobile devices where the size of the HTML canvas elements is limited.
  • resizeToFitText method is added to ShapeNode.
  • Improved support for nested containers.

You can find out more about the new release at the Diagramming News section on our forum. You are welcomed to download the trial version and check yourself the capabilities of the control. Use the link below:

Download MindFusion.Diagramming for JavaScript Library 1.6

We have always taken special effort in providing quality technical support to all our clients and evaluators. You can write us at e-mail support@mindfusion.dev or use the help desk. You can use the JsDiagram section on MindFusion forum to post questions about the tool.

About Diagramming for JavaScript Library: Written 100% in JavaScript, this tool uses HTML5 Canvas to draw impressive diagrams, schemes, flowcharts, trees and many more. It is browser independent, easy to use and integrate into any web application. JsDiagram supports a variety of predefined node shapes, customizable links, rich event set and many appearance options. The user interaction model includes resizing / moving / selecting and modifying any diagram element.

The tool boasts an elegant API, which is documented in details as well numerous step-by-step guides and tutorials. Various samples are provided to let you learn quickly how to use the most important features of the library – check them here. JsDiagram is not only the perfect choice for creating any type of diagram in the browser – it can also arrange it the way you wish with a mouse click using one of its automatic graph layout algorithms. For more details about the features of the component, please visit the features page.

MindFusion Diagram Viewer Library for Android

You can show now your diagrams and flowcharts on any Android device. With MindFusion DiagramViewer library for Android you can load any diagram, created by any MindFusion diagramming component and exported to XML. Currently, the diagram viewer supports the following item types:

  • ShapeNode
  • ContainerNode
  • TableNode
  • TreeViewNode
  • DiagramLink
Diagrams in Android mobile devices

Diagrams in Android mobile devices

The library includes all model classes and properties from MindFusion’s Java diagramming library. This provides your Android applications with access to the loaded links and nodes and their data properties, along with methods for simple hit testing from touch events. Here is a link to the online documentation of the Java diagramming component:

MindFusion.Diagramming for Java online reference.

MindFusion diagram viewer for Android is free of charge for anyone with a license for any MindFusion.Diagramming component – you can learn more about the tools here.

We have prepared a deteiled guide on how to use the library in an Android application. You can read the tutorial from here:

Tutorial: How to Render a Diagram in an Android Application

Diagramming for Java Swing 4.0.1

MindFusion has released a new version of its Diagramming component for Java Swing with various new appearance and layout features. Here are the details:

Preserve order in tree layout

The new Balance property can be set to Preserve to keep the original geometric order of child nodes when arranging them under their parent. This can be used to arrange tree branches in a specific order by first placing them in increasing horizontal or vertical positions.

The tree layout algorithm

The tree layout algorithm

Undirected Path Finding

PathFinder supports undirected mode. Its methods have been changed from static to instance, and its constructor takes an ignoreDirection parameter. If ignoreDirection is enabled, the underlying graph is treated as undirected and link direction is not considered when looking for paths.

Detecting a cycle in a graph.

Detecting a cycle in a graph.

Selection Improvements

Miscellaneous

  • Style classes now contain a FontUnit property specifying the unit of measure of FontSize.
  • The last row in a TableNode will now be rendered clipped if it fits only partially inside the node, whereas in previous versions the row would not be rendered at all.
  • The AllowAddChildren and AllowRemoveChildren properties of ContainerNode specify whether users are allowed to add or remove child nodes to / from the container.
  • and many more.

You can learn more about the new JDiagram 4.0.1 at the news page on MindFusion’s forum. You can download the trial version of the control from the link below:

Download MindFusion.Diagramming for Java Swing 4.0.1

Technical support

Your questions about the diagramming library or any other of our components are welcomed by our support team. You can write at the forum, help desk or at support@mindfusion.dev.

About Diagramming for Java Swing: JDiagram provides your Java Swing application with all necessary functionality to create and customize a diagram. The library is very easy to integrate and program. There are numerous utility methods, rich event set, more than 80 predefined shapes. The tool supports a variety of ways to render or export the diagram, advanced node types like TreeView nodes, hierarchical nodes, tables, container nodes and many more. There are 15 automatic layouts, various input / output options and fully customizable appearance. A detailed list with JDiagram’s features is uploaded here. You can check the online demo to see some of the functionality implemented.

JDiagram is royalty free, there are no distribution fees. Licenses depend on the count of developers using the tool – check here the prices.