Essential Diagram ASP.NET Samples : Syncfusion

Diagram

descriptionfeatured samples

The Essential Diagram web server control is built using a Subject-Observer design pattern that makes the product reliable, highly extensible and easy to customize. Essential Diagram stores graphical objects in a node graph and renders those objects onto the display medium. The software supports both vector and raster graphics on the drawing surface. A powerful object model that is shared between the Windows and Web versions of the product, a hierarchical node structure, a wide selection of drawing shapes, styles and properties inheritance, and an extensible command model make Essential Diagram an ideal diagramming platform for building highly specialized applications.

Diagram Builder

The Diagram Builder sample combines many features of Essential Diagram into a generic diagram editing tool.

Flow Diagram

This sample lets you to create various flow diagrams using symbols designed with the symbol designer utility. The sample shows how to programmatically load a symbol palette file generated by the symbol designer and use a symbol model sourced from a symbol palette to create diagram symbols.

Circuit Diagram

This sample lets you to create various circuit diagrams with symbols designed by the symbol designer utility. This sample shows how to programmatically load a symbol palette file generated by the symbol designer and how to use symbol models sourced from the symbol palette to create diagram symbols. This sample initially shows an uninterrupted power supply circuit diagram created by the Essential Diagram.

Swimlane Diagram

This sample demonstrates how to create a swim-lane process diagram with symbols designed by the symbol designer utility. This sample shows how to programmatically load a symbol palette file generated by the symbol designer and how to load the serialized diagram (.edd) in the Diagram control.

Network Diagram

The network diagram sample demonstrates the usage of layers in a diagram created using the DiagramWeb control. The depicted diagram is composed of three different layers separated by functional lines. Symbols associated with a specific function are added to the layer to represent categories.

Org Layout

This sample demonstrates the OrgChartLayoutManager layout management class available in the Essential Diagram. It uses the WebServer control to create and display an organizational chart using employee data sourced from an XML format data file.

Hierarchical Layout

The hierarchical tree layout sample demonstrates the HierarchicalLayoutManager layout management class in Essential Diagram.Hierarchical layout tree is used to sort nodes by ranking and place them to its parent/child relations.

Radial Layout

The radial layout sample demonstrates the RadialTreeLayoutManager layout management class in Essential Diagram. This class implements an algorithm for laying out nodes of a directed tree graph in a circular balloon-like arrangement. It positions the root node at the center of the graph and locates the child nodes in a circular fashion around the root node. The sub trees formed by the branching of child nodes are located radially around the child nodes.

Nodes

The nodes sample illustrates the various types of nodes supported by Essential Diagram.A node is a base object on the diagram, which can represent shapes, connectors, images, text boxes, and Windows Form controls. You can create your own custom symbol programmatically by inheriting the predefined shapes or node classes. Also, there is a utility called “Symbol Designer” which is used to design and save custom symbols. Note that, the symbol designer utility is packaged with Essential Diagram and it is available in the following location.

Connectors

The connectors sample illustrates the various types of connectors supported by Essential Diagram. You can create your own custom connectors programmatically by inheriting the predefined connectors according to your requirement.

SimpleDrillDown

The Simple Drill Down sample uses the Essential Diagram Web Server control to create a drill-down diagram in which the user can drill down to different levels.

Serialization

The Serialization sample demonstrates various formats in which a diagram can be saved.