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).