Procedural Diagrams

Showing 1-1 of 1 messages
Procedural Diagrams
Sean B. Palmer
30/06/10 03:41
Björn challenged me to make a periodic table of the binary operators:

http://paste.lisp.org/display/71119#11

Of course there are lots of possible layouts, just like with the elements:

http://en.wikipedia.org/wiki/Alternative_periodic_tables

I thought that the layout that I designed was particularly good, so I
wanted to make a more professional looking copy and put it on a
web-entertainment style page with the "here's the thing you're looking
for" at the top and a light grey on dark grey @font-face sans-serif
underneath in columns.

This seemed like an Inkscape job, so I loaded Inkscape and got to work
on it. But it wasn't long before I got frustrated with Inkscape. I
didn't know how to clone things and position them where I wanted them,
and everything seemed very clunky.

My first inclination was to read some Inkscape tutorials, but then I
realised something. It was perhaps not my inexperience with Inkscape,
which I have actually used a moderate amount for small things before,
it was the fact that I wanted to generate the layout rather than use a
UI.

In other words, I wanted to be able to write code to produce the
image, because that's the way I'm used to laying things out. That's
what I do with HTML and CSS, so that's the way that I naturally think
about designing images.

I've been thinking that raphaeljs would be a good choice for this:

http://raphaeljs.com/

But perhaps there are some better libraries.