Convert EPS to SVG – Cisco Icons for yEd

I wasted like one or two hours on this and thought, I’d make a quick post, so others don’t have to waste their time in the future.

Convert EPS to SVG

If you just want to convert some EPS files to an SVG file, all you need is Inkscape and then use the following command to do the magic:

inkscape input-file.eps --export-plain-svg=output-file.svg

If you have a bunch of these files you can use the following command on Windows to convert them in one batch:

for %%f in (*.eps) do inkscape "%%f" --export-plain-svg="%%f.svg"

Of course Inkscape supports a lot more formats with a lot more options, just use the help flag to get the full list.

Cisco Icons for yEd

I originally ran into the problem, because I wanted to use the “standard” Cisco icons for a network diagram in yEd, an awesome and free graph editor. While googling I ran into this post which provides a set of Cisco icons for yEd, but the huge color difference between the icons just wasn’t acceptable (light blue vs “Cisco” blue). So I thought to create my own set and found myself converting the EPS from Cisco’s official Network Topology Icons page. I then converted them as described above, imported them into yEd and exported the full set for you to enjoy. There’s still some color difference, but less extreme. Since a lot of the icons are rather useless – or do you use some space router at home? – I’ve selected a few of the icons which seemed most useful to me and created a separate package. Note: The converted SVG files ares included.

Cisco Icons SVG + GraphML [394 KiB]
Cisco Icons (Selected) SVG + GraphML [41.7 KiB]

See this article on how to import the icons into yEd.

yEd – A simple and nice diagram tool

How often do you find yourself, trying to put some information graphically into sense, but fail to do, because the software you’re using isn’t really nice to use?

Maybe you’ve never experienced that or have never needed to do so, but I have on multiple occasion and it has never been fun.
Being a fan of open source and free software I quickly found my way to Dia, but seriously this software is not fun to work with. The interface seems to be quite buggy and you can get tired by clicking and searching through the menus and then there you’ve all that mess with your objects…
Next up being a Windows user and student I can get a copy of Microsoft’s Visio for free. Well the interface seems quite familiar and the functionalities are fitting… but it just doesn’t feel like the solution, in fact the chaos still remains.

Today, I was browsing again through my RSS feeds and found that a friend of mine (Stefan Schindler aka Tank) has published his first tutorial/article about Game Development Design (it’s very interesting and should definitely read it!) and he was using some nice and fancy diagrams. So mentioning the diagrams on IRC he immediately pointed me towards the software he used: yEd.
Here’s the solution to my initial problem:

diag

And for all the lazy people that don’t want to check out the site, here’s a YouTube video:

Stay tuned for more updates on my projects!