Create Impressive Graphs & Diagrams In A Flash With yEd

yedlogo   Create Impressive Graphs & Diagrams In A Flash With yEdDiagrams are a very useful way of explaining certain concepts surrounding computer hardware, such as how networks work. Actually creating a new diagram, however, can be a real pain in the butt. Image editing programs are okay for it, but often they feel rather clunky, and it’s hard to make the results look professional.

Fortunately, there is a solution. The oddly named program yEd is focused solely on creating graphs and diagrams for free, quickly and easily. The results that come out of yEd look professional, but the actual process of putting together a new project takes only minutes.

Creating A Basic Diagram

Jumping into yEd and throwing together a project isn’t difficult. To demonstrate this, I’m going to walk through putting together a graph about a computer network. When you first open the program you should see a blank diagram open. On the right side of the main window you’ll see the Palette. This is where you’ll find the nodes you can put down to form your graph.

Although there are a lot of basic nodes, yEd has also been kind enough to throw in some graphical icons, including computers! So I’m going to place one of those icons on my diagram. Just drag-and-drop the node into the main project window. If you want to add a label to your node, right-click on it and then click Edit Label from the menu. You can add multiple labels to a node.

yed1   Create Impressive Graphs & Diagrams In A Flash With yEd

Now I want to add another node and create a connection between the Home Computer and the new node. So I’m going to select another node icon and drag it over, and then label it Cable Modem. However, I need to make a connection between the two nodes. The tools for this can be found in the Edge Types section of the palette. Once an edge type is selected, it can be dragged between two nodes to form a connection, as below.

yed2   Create Impressive Graphs & Diagrams In A Flash With yEd

Presto! We have a basic diagram showing a connection between a computer and a cable modem. While this diagram isn’t the most informative, it’s a fine example, as adding additional nodes doesn’t require any techniques besides what was used here. The simplicity of yEd is wonderful, and what you don’t see in these photos are the little things yEd does to make things easier for you, such as the lines that appear when you move nodes as a means of letting you know if they’re perfectly aligned.

Advanced Features

Beyond the basic ability to make graphs and diagrams, yEd includes some more advanced functionality. To demonstrate, I’ve slightly expanded the basic diagram I just made into what you see below.

yed3   Create Impressive Graphs & Diagrams In A Flash With yEd

Using the Layout menu, it’s possible to automatically change a diagram such as this into any number of formats. For example, let’s say that I want to change the structure of this diagram into something that is more circular. All I need to do is click on the Circular option in the Layout menu, and yEd handles the rest.

yed4   Create Impressive Graphs & Diagrams In A Flash With yEd

Or let’s say that I decided I need to make the diagram larger in order to fit some more nodes that I hadn’t anticipated needing. Rather than methodically dragging and dropping each individual node away from the center, which could become a big hassle on a complex diagram, the Graph Transformer in the Tools menu can handle it automatically. Just punch in a scale factor (I picked 2) and you have what you see below. You can also rotate and mirror graphs with this same tool.

yed5   Create Impressive Graphs & Diagrams In A Flash With yEd

Conclusion

I like yEd a lot. I’ve been having trouble finding a freeware solution to this problem, and I hadn’t really even tried to find one within the last few months because I’d effectively given up, relying instead on GIMP to form diagrams. That’s not an optimal solution however, so I often simply decided not to make diagrams that might have been nice because making the diagram was too awkward.¬†Hopefully you’ll find yEd as useful as I did.¬†Oh, and yEd is one of those rare programs that is free for both personal and enterprise use, so feel free to use at work as well as home.

Let us know what you think of the program and if you know of any other alternative programs.

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

13 Comments -

Mathies

I use this piece of software, too, and like it a lot. Unfortunately I don’t see any real (free) alternatives to this tool. OpenOffice Draw and Dia are somewhere between bad and acceptable in comparison.

Aibek

So far yEd is the best free diagram maker tool I have seen. Simple and easy to use.

rrahul

makeuseof.com is very lucky for me. because whenever i need any software/apps, i found here. today i really searching for a such type of tool, and got here.
this is not the first case.
i am search on makeuseof first for any software, after that google.

thanks.

Anonymous

makeuseof.com is very lucky for me. because whenever i need any software/apps, i found here. today i really searching for a such type of tool, and got here.
this is not the first case.
i am search on makeuseof first for any software, after that google.

thanks.

Aibek

Hey Rahul, thanks for the kind words :-)

Saikat Basu

I guess it’s the best free alternative to SmartDraw which is really cool but not free (and expensive). Does anyone have an opinion on Pencil and the online LucidChart? The later is online and comes with a free limited account option.

akash

Thanks
Good Info.
[url=dia-installer.de]Dia[/url] is also a good one.

John Mathew

Thank you Mark for the information and I agree with you that diagrams are a very useful way of explaining certain concepts. I have used many diagramming software but none of them are good enough for my diagramming need. However, I am using Microsoft Visio 2010 for the last 10 months and I found it is brilliant software for diagramming.
http://www.Visiotoolbox.com/2010

akash

Thanks
Good Info.
[url=dia-installer.de]Dia[/url] is also a good one.

Aibek

thanks for share

Rien Daamen

I tried Office Draw and Inkscape as alternatives, but like this far more!

John Mathew

Thank you Mark for the information and I agree with you that diagrams are a very useful way of explaining certain concepts. I have used many diagramming software but none of them are good enough for my diagramming need. However, I am using Microsoft Visio 2010 for the last 10 months and I found it is brilliant software for diagramming.
http://www.Visiotoolbox.com/2010

Flv Player

Fantastic post, Smith! “I tried Office Draw and Inkscape as alternatives, but like this far more! “- Rein, ya its a true statement i would say……….. I too like this than other substitues :)