Complex network diagrams typically involve specific place of icons, connections and labels using a tool like Visio or OmniGraffle using a mouse and constantly zooming in and out for single pixel placement. The goal behind drawthe.net, was to be able to describe the digram in a text file and have it rendered in SVG in the browser.

I simply wanted to be able to draw network diagrams as fast as it could be done on a dry-erase board without using a mouse.

drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.

Describe your diagrams with a simple text language and automatically generate an image you can export.
Why?

You love diagrams but don't want to spend time positioning elements.

Your diagram keeps evolving, you want the layout to re-adjust automatically.

You prefer to describe your diagrams with an intuitive text description.

draw.io is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams