I've the necessity to display a few database tables' structure (4-5 tops) inside a HTML page. I must show the posts, mark the main key as well as draw the foreign secrets connections (arrows I suppose).

I've selected raphael.js and it is all fine aside from the foreign secrets arrows, because they need to avoid intersection with tables and get it done inside a fancy way e.g. turning around corners and stuff.

Does anybody are conscious of a strategy to that? Otherwise, how do i easily draw the arrows?

Things I have for the time being like a try-out is http://jsfiddle.net/eKF6R/

And it is acceptable for hooking up the tables but I have to connect the particular posts also to avoid intersection.

Do this site http://dbdsgnr.appspot.com/ Hope it assist you to.