Nodes are graphical objects that can be arranged in a diagram page. They nodes can be added to the diagram
page either programmatically or during run time by dragging them from a built-in symbol palette.
Node shapes can be set to any of the predefined shapes provided. You can also design these shapes using a symbol designer utility
(part of the Essential Diagram install). Nodes can be grouped together and common operations can be performed on them.
Shapes in a Diagram
The Diagram control lets you create nodes embedded with any Windows Forms control. You can move nodes around just like any other node
and double-click them to activate the controls inside. It also provides editable text nodes and rich-text nodes.
Custom Nodes in a Diagram
A connection port is an object used to establish a connection between a node and a connector.
A connection port can be placed anywhere within a node or at the edge of a node. You can choose one of the predefined
symbols like arrow, circle, or diamond, or define a custom connection port. The look and feel of these connection ports is fully customizable.
Different Visual Appearances for Ports
Several customizable options are provided to change the look and feel of different portions of a diagram, thus enabling the creation of professional-looking diagrams
that reflect style patterns commonly used in business. Essential Diagram provides options to fully customize the look and feel of nodes, connectors, and connection ports.
Styling Properties for Custom Nodes
Diagram with Different Connector Styles Defined
Diagram Nodes with Various Shadow Styles
Essential Diagram provides a layout manager that automatically arranges nodes.
Directed Tree Layout—Arranges nodes in a tree-like structure.Hierarchical Tree Layout—Arranges nodes in a tree-like structure. However, unlike the directed tree layout, the nodes in a hierarchical layout may have multiple parents.Organization Chart Layout—Arranges all the nodes in a parent-child relationship with the new organizational line connector, which connects nodes to get an organization-layout appearance.Radial Tree Layout—A specialized type of tree layout that arranges nodes in a circular layout.Symmetric Tree Layout—Arranges nodes in a symmetric fashion based on the vertical input distance, which specifies the distance between the adjacent nodes.Table Layout—Arranges nodes in a tabular structure.Custom Layout—You can provide your own layout management routines for the diagram.
Diagram with Top-to-Bottom Vertical Tree Layout
Diagram with Hierarchical Layout
Organization Chart Layout—Waterfall Type
Diagram with Radial Tree Layout
Diagram with Symmetric Layout
Diagram with Table-Tree Layout
Diagram with Custom Layout
Essential Diagram can be used to create a rich, Visio-like diagram builder application. This framework provides many utility controls to help you put such an application together very easily.
You can provide your end users with a symbol palette, which is a large collection of predefined nodes and connectors. It allows nodes
and line connectors to be dragged onto a diagram page, making them easier to manage. Custom symbols can also be added to the symbol palette. You can choose to hide the labels for the nodes in the palette.
Diagram with Symbol Palette
The comprehensive set of editing tools provided by Essential Diagram allows users to work interactively with the Diagram control for diagram-building applications.
Besides the built-in tools, custom tools can be defined and added to the diagram controller to provide custom functionalities.
Different Node Alignments
Selecting a Group in a Diagram
Various Diagram Layouts
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 sub-classed, providing users the ability to extend and customize the library to meet their needs.
Essential Diagram employs a model-view-controller (MVC) design to clearly separate data, presentation, and user interaction.
Model-View-Controller Architecture for Essential Diagram
Essential Diagram lets users export diagrams to a variety of data formats such as bitmaps, enhanced metafiles, and SVG files.
Alternatively, with a license of Essential PDF, diagrams can be exported as PDF documents as well.
Diagrams can be directly saved as bitmaps, or rendered to an external graphics device interface to write out an enhanced metafile image.
Bitmap Image of a Diagram Displayed in Picture Viewer