WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages, graphical modeling, or graph editors.

Presentation

Here are the main component classes (bottom-up order):

• Wire - create wires in browsers
• Terminal - wire endpoints and edition widget
• Container - general "box" containing one or more terminals
• Layer - handle multiple containers and wires
• WiringEditor - single-page editor for your visual language.

Different types of Container are provided :

• InOutContainer - simple module with named inputs and outputs
• FormContainer - build form containers based on inputEx forms
• ImageContainer - use images as graph nodes

You can create your own container by subclassing the base Container class, and still benefit from the drop-in use of the WiringEditor in your web application.

The WiringEditor requires a connection to a database to use save/load features. You can customize it using adapters. WireIt provides default adapters to get you started :

• Ajax Adapter (no backend provided)
• Json-RPC Adapter + a sample PHP/MySQL backend
• Gears Adapter (no backend required)

WireIt supports all A-Grade Browsers. Please report your issues with specific browsers in the forum. It uses the YUI library (2.7.0) for DOM and events manipulation, and excanvas for IE support of the canvas tag.

Documentation

• WireIt's Guide - the ultimate ressource
• API documentation built with YUI Doc
• Wiki

You can also get some help on the forum. Please report your issues or feature request on the issue tracker.

Deeper hacking into WireIt might require some knowledge in the libraries used :

• inputEx documentation
• YUI documentation

Community