Diagram Examples
- Home
-
New! Forum
-
New! Database Diagram
-
New! Grouping & Locking
-
Right Angle
-
Direct Line
-
Varying Widths
-
Node Status Timer
-
Adding Nodes
-
Deleting Nodes
-
Help Documentation
Downloading...
EasyDiagram.NET is available for download from CodePlex.
Click here to get it now!
What are the features?
- Absolutely FREE Diagramming Control
- Built entirely using AJAX with intuitive server-side manipulation
- Real-Time drawing with absolutely NO plugin
- Lightweight & built on standards
- Firefox & IE tested
- A growing community of support



Diagramming made simple.
Dynamically Add Nodes
Addding nodes is easy!
The node will be randomly placed on the canvas, and randomly attached to other nodes.
Select Node To Add
Simple Diagramming Example
This is not specific to the example on the page. More documentation is forthcoming.
Page Load Method:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DiagramContainer1.AllNodes.Add(
new Heckel.EasyTools.Diagramming.DiagramNode("../Art/red.gif",
"PARENT NODE TITLE", "PARENT
NODE DESCRIPTION", "UniqueClientId1", 1, 78, 200, new List<string>(),
new List<string>()));
List<string> allParent = new List<string>();
allParent.Add("UniqueClientId1");
DiagramContainer1.AllNodes.Add(
new Heckel.EasyTools.Diagramming.DiagramNode("../Art/yellow.gif",
"CHILD NODE TITLE", "CHILD
NODE DESCRIPTION", "UniqueClientId2", 2, 40, 130,
new List<string>(), allParent));
}
}
Diagram ASP.NET Markup:
<cc1:DiagramContainer ID="DiagramContainer1"
runat="server"
Height="375px"
Width="200px"/>