The IBM ILOG Dojo Diagrammer widget is a new visualization component included in IBM ILOG JViews Enterprise 8.8.
As its name indicates, Dojo Diagrammer is a Dojo widget. If you are not familiar with Dojo, you can take a look here . Dojo Diagrammer is completely implemented in
interactions like selection, zooming, panning, and editing without any request to the server.
Here are some examples of diagrams created using Dojo Diagrammer:
Dojo Diagrammer renders the diagram using vector graphics directly in the browser. For this, Dojo Diagrammer relies on the dojox.gfx module for its low-level rendering. GFX takes care of the final rendering using whatever 2D graphics technology the browser supports (SVG, VML, Canvas, ...). This means that you can use Dojo Diagrammer on any browser without caring of what the browser supports.
Like many Dojo widgets Dojo Diagrammer can connect to a Dojo data store to load data from the server. This is roughly similar to how JViews Diagrammer loads data from a data model. The items of the data store will be represented by nodes, and there are different ways to tell the widget what are the links between nodes. For example, you can specify that a given attribute of a data item designates the parent of the item: this will create a parent/child hierarchy like in the organization chart example.
Dojo Diagrammer can be used to create a wide range of representations with nodes looking very differently. For this, the graphical contents of each node is defined by a template, which is basically a piece of 2D graphics, defined in a simple JSON format, that will be duplicated for every node of the diagram. This is roughly similar to the JViews Diagrammer "symbols" concept, although of course the underlying technology is different.
Dojo Diagrammer supports editing: in edit mode, you can move and resize nodes, create links, group/ungroup nodes, edit labels, etc. The editing framework is also fully customizable to let you define your own editing interactions if necessary.
Finally, Dojo Diagrammer works on mobile too and is "touch-enabled" (for example you can zoom the diagram with a "pinch" gesture).
This was just a short introduction. Dojo Diagrammer offers many other features, be sure to check the online demos and samples to get a more complete overview (see this previous post).