MindFusion.Diagramming for JavaScript (JsDiagram for short) is a flow diagramming class library that can be used to display and edit graphs and diagrams on a web page. It is implemented entirely in JavaScript and renders graphics objects using the HTML 5 Canvas element.
JsDiagram depends on the Microsoft Ajax library for its type system implementation and browser independence support. For Canvas support and heavy-duty geometric and layout calculations done in JavaScript, JsDiagram requires a latest-generation browser.
Get JsDiagram and give it a try to see what it's all about!
Here are some key features of "JsDiagram":
· Diagram, Overview and NodeListView UI controls;
· ShapeNodes with more than 100 predefined shapes and support for custom shapes available;
· polyline, Bezier and cascading links;
· Created, Modified, Deleted and Clicked events for nodes and links;
· edit text of diagram items in place by double-clicking them;
· LayeredLayout, SpringLayout and TreeLayout automatic layout algorithms;
What's New in This Release: [ read full changelog ]
Attaching and grouping items:
· JsDiagram allows attaching a node to another node, establishing a subordinate - master relationship between them. The easiest way to attach nodes is to call the attachTo method. When a master node is moved, all of its subordinates follow it, so that the initial distance between them stays constant. This happens both when a user moves the master node around, and when the node's position is changed using a method or a property.
Collapse and expand tree branches:
· If a diagram represents a tree structure, the tree branch starting from a node can be collapsed or expanded again in order to hide or display hierarchy details. To enable this, call the setExpandable method. There is a [±] button displayed beside an expandable node to allow users to collapse or expand the tree branch starting there. By default, pressing that button automatically toggles the Expanded property of the node and raises the TreeExpanded or TreeCollapsed events.
· User interaction m...
Find us on Google+
