We have released version 2.7 of JavaScript Diagram library. It contains the following new features:

Treemap layout
Tree-maps represent hierarchies by nesting child nodes within their parents, where the areas of leaf nodes are proportional to their Weight values. Unlike other layout algorithms, TreeMapLayout expects hierarchies to be defined via grouping or containment (attachTo method and ContainerNode class), and will ignore any links in the diagram. The diagram area covered by the topmost nodes in a hierarchy is specified via the LayoutArea property. By default, the layout tries to keep the ratio of node sides as close as possible to one. However this could make it hard to distinguish separate levels of the hierarchy. To alleviate that, set Squarify to false, and child nodes will be arranged either as a row or a column inside their parent node, alternating directions for each level. The drawback is that when Weight ratios differ greatly or nodes contain many children, some nodes could end up with very narrow rectangles.


XML serialization
In addition to the loadFromXml method added in a previous version, the Diagram class now provides saveToXml method that serializes its contents in XML format supported by all MindFusion diagram libraries for mobile, desktop and web platforms. saveToXml posts the XML as text/xml to specified URL. The new saveToString and loadFromString methods generate or load XML strings instead, when their argument is set to SaveToStringFormat.Xml (a Json enumeration member creates JSON strings by calling older toJson method).

Miscellaneous

• set TableNode.prototype.useScrollBars to show full scrollbars for scrollable tables instead of up/down buttons in captions.
• the ShowDeleteButton property of DiagramNode displays a close/delete X button in upper-right that lets users delete the node by clicking.
• styled text mode (EnableStyledText) now supports <sub> and <sup> tags for respectively subscript and superscript.
• DiagramLink now calls onUpdateVisuals method to let you implement custom-drawing, working in same manner as its counterpart in node classes.
• the new Flowcharter sample project shows how to create an online flowchart editor, providing UI for zooming, scrolling, creating new nodes and formatting nodes' contents -
  http://mindfusion.eu/demos/jsdiagram/Flowcharter.html
• the new TreeMap sample project demonstrates the TreeMapLayout tree mapping algorithm, where node weights are set to either population size or area of world countries -
  http://mindfusion.eu/demos/jsdiagram/TreeMap.html
• the new Inheritance Diagram sample project demonstrates how to visualize classes using TableNode objects -
  http://mindfusion.eu/demos/jsdiagram/Inheritance.html

Registered customers with an active upgrade subscription can download the licensed version from the clients area on our site.
    
A trial version is available for download here: 
https://mindfusion.eu/JsDiagramTrial.zip
    
Enjoy!