JavaScript dibuje el esquema de la base de datos

Question

Tengo la necesidad de mostrar un par de tablas de la base de datos (4-5 tops) en una página HTML. Tengo que mostrar las columnas, marcar la clave principal y también dibujar las conexiones de las claves externas (flechas, supongo).

He elegido raphael.js y todo está bien excepto por las flechas de teclas foráneas, porque tienen que evitar la intersección con las tablas y hacerlo de una manera elegante, p. Ej. girando esquinas y esas cosas.

¿Alguien sabe de una solución para eso? Si no, ¿cómo puedo dibujar las flechas fácilmente?

Lo que tengo por ahora como un intento de salida es http://jsfiddle.net/eKF6R/

Y está bien para la conexión de las tablas, pero necesito para conectar las columnas específicas y también para evitar intersección.

Answer 1

Pruebe este sitio http://dbdsgnr.appspot.com/ Espero que lo ayude.

Answer 2

se puede comprobar la siguiente referencia doc de Raphaël: http://raphaeljs.com/reference.html#Paper.path

Puede utilizar 'L' como parámetro para dibujar líneas en lugar de curvas:

var path = ["M", x1.toFixed(3), y1.toFixed(3), "L", x2, y2, x3, y3, x4.toFixed(3), y4.toFixed(3)].join(","); 

Tal vez han pasado 2 años a partir de su pregunta, pero muchas personas podrían tener la misma pregunta (como yo).

Atentamente.