Diagram Features

New! Database Schema & UML Modeling examples

Extending EasyDiagram.NET to some real-world examples never felt better.

Finally, to those of you tired of the color ring examples, I'm trying to get some decent real-world, hands-on examples out there. While yet a work in progress, a new database diagramming example has been added for you to begin to see the possiblities in creating SQL Diagrams using EasyDiagram.NET. Please stay tuned for a forthcoming example in UML. More features will be coming which will improve on these practical uses as well.

New! Extensive node locking & grouping capabilities

Grouping nodes and dragging them just got easier!

In order to simplify the real-world development of database schema diagramming and UML modeling, EasyDiagram.NET now contains more power to group and drag. Excited? Set one of these props and let EasyDiagram.NET do its thang: LockChildrenToXPlaneOnDrag, LockChildrenToYPlaneOnDrag, AutoSnapChildrenBelow, TextPlacement, DraggingEnabled, DrawParentLines, DrawChildLines

Drag & Drop Simplicity

Automatic saving of node postion on drop

Event-driven node repositioning means developers can save the draggable node's coordinates on the drop. By implementing a lightweight AJAX solution, the component never completes a full postback to the server, making the node repositioning transparent to the user.

Direct-draw and orthogonal modes

Change your diagram based on your needs

Both lightning fast, Direct-draw and orthogonal (right-angle) diagram modes allow you to cater your diagram to the content your diagramming. So whether your mapping out UML diagrams, geneology family trees, organization charts, or the subatomic particlate matter of hydrogen, EasyDiagram can help provide the most intuitive layout.

Adding nodes is a snap

DiagramContainer1.AllNodes.AddNode(new Node(...));

Adding new nodes to a diagram is as simple as setting up the nodes when the page loads. Heiarchies are intuitive: all parent/child declarations are done with simple, intuitive coding.

Customize your lines

Global and line-specific coloring and thickness options

While yet experimental, it's a snap to change the diagram node line color or thickness globally as well as on a node-by-node basis.

Customize your nodes

Choose the image and more

You can assign any added node to display any image you choose. You can also define the background css class for the info, warning, and error status nodes (assuming you're using the AJAX timer), as well as the delete button css class.

Node status updates

This AJAX timer just brought your diagram to life

If you need to react to real-time events and update your diagram nodes accordingly, the NodeIntervalStatus property will allow you to return logging events and display corresponding information next to each node without any postback to the server.

React to node clicks

Both a "detail" button and double-clicking are at your command

You can react to events on the server-side from client side button clicks or double-clicks on your node using AJAX.