Addflow for HTML5 is a 100% Javascript component control for creating flowchart diagrams. It offers the following advantages:
It is small. The size of the minified Javascript source code is less than 90 Kb.
A light programming interface: Lassalle have always preferred quality to quantity and they refuse to provide inflated classes and properties.
A great flexibility and full integration with the HTML5 environment
Runtime royalty free
What's New in V1.2
Graph Layout Algorithms (Professional Edition only)
Better speed performance by using a quadtree structure. By default, then the quadtree structure is used. Otherwise, brute force is used. You may use the useQuadtree method to determine if the quadtree structure is used.
Context handle: If the isContextHandle property of an item (node or link) is true, then, if you select it, you will see a context handle ooo and clicking on this handle causes the firing of a context event allowing you for instance to display a context menu or a dialog box.
New features: selectionChange event, isFixedSize property, isDstPointAdjustable and isOrgPointAdjustable properties, xCustomOffset and yCustomOffset properties.
General Features
Drawings can be made interactively or programmatically.
Distinct shapes, styles, colors, font can be defined on a per item basis (for a node or a link) or as default properties for the control.
Many properties allowing customizing the control (canDrawNode, canMoveNode, canMultiLink, etc...) or an item (isXSizeable, isYSizeable, isXMoveable, isYMoveable, isSelectable, isStretchable, etc...)
Interactivity and display facilities
Multi selection
Multi-level Undo/Redo
Nodes stay connected when moved or resized
Zooming
Scrolling
Panning
Alignment to grid
Nodes Features
The node content is fully customizable (styles, templates)
Many predefined shapes (and the list can be easily increased)
Ability to display a text and an image in a node
Text positioning options
Image positioning options
Shadows, zorder,
Links Features
Many predefined arrow styles (and the list can be easily increased: it is easy to define your own custom arrows)
The style of a link can be redefined.
Stretchable links. A link can be composed of many segments. The user can interactively add or remove segments
Curved links (Bezier and Spline)
Reflexive links
Possibility to interactively change the origin node or the destination node of a link
Shadows, z-order.
Automatic Graph Layout (Professional version only)
AddFlow provides a set of several graph layout algorithms:
Hierarchic layout
Orthogonal layout
Symmetric (force-directed) layout
Series Parallel layout
Tree layout
Radial Layout
Each of these graph layout algorithms performs a layout on a graph. Performing a layout automatically positions its nodes (also called vertices) and links (also called edges).