Rendering Diagrams on Web Pages

The new Essential Diagram web server control enables diagrams to be rendered as static or interactive images on a web page. Diagram interactivity is achieved through image maps and JavaScript on the client side and diagram-pertinent event handlers on the server side.

Rendering Diagrams on Web Pages

Flexible Architecture

Essential Diagram is designed to be a high performance, modular, easy to use and easy to customize engine. Many of the classes and components in the library can be subclassed, providing users the ability to extend and customize the library to meet their needs.

Model View Controller	Hierarchical Node Structure
Styles and Property Inheritance	Export Options

Graphical Objects

Essential Diagram provides you all the primitive Shapes to let you come up with Symbols more reflective of your business needs.

Nodes	Labels
Models	Shapes
Symbols

Node Linking

Essential Diagram comes with built-in shapes that let you link your diagram nodes illustrating the work flow.

Connectors	End Point Decorators
Line Routing and Line Bridging	Ports

Diagram Appearance

There are plenty of options to customize the look and feel of the different portions of a diagram to let you create professional looking diagrams that reflect the style patterns commonly used in your business domain.

Fill Styles	Shadow Styles
Background Styles	FontColor Styles
Line Styles	Layers

Layout Management

Essential Diagram provides a default implementation for all the common layout patterns. It also lets you easily customize existing and implement brand new layouting techniques.

Custom Layout Manager	Directed Tree Layout Manager
Radial Tree Layout Manager	Table Tree Layout Manager
Symmetric Layout Manager	Hierarchic Layout Manager

Diagram Builder Mode

Essential Diagram can be used to create a rich Visio like Diagram Builder application. This framework provides a whole bunch of utility controls to help you put such an application togather, very easily.

Drawing Tools	Editing Tools
Grouping	Layout Grid
Rulers	Undo Redo
Serialization

Custom Symbols

Custom Symbols can be easily created using the Symbol Designer Utility. Such symbols can then be added to the Symbol Palette in a Diagram Builder Application or simply be reused in diagrams you might create programatically.

Symbol Designer Utility

Visio Stencil Import

Scripting

Essential Diagram is integrated with the Essential Scripting Library to support diagram creation with scriptable interactivity. The scripting feature allows end users to define behaviors for diagram entities at runtime using one of the supported scripting languages. The scripting languages currently supported are C#, Visual Basic .NET and JScript .NET.

Client Side Scripting

Client Side Functionalities

Essential Diagram provides support for client side events and methods that allows to access the different nodes drawn in the diagram control.

ClientSideEvents	In place Editing
Node Information