Diseño de esquemas con HTML y Javascript

HTML + Javascript

Con los avances en el desarrollo web se van a poder hacer cosas sencillamente impresionantes. Una de ellas es los gráficos con canvas.

Por desgracia la mayoría de los avances van a tardar mucho en implantarse realmente en el mundo web (la primera versión de Internet Explorer 6.0 salió hace 9 años y todavía nos estamos pegando con él).

Esa es la mala noticia, la buena es que los millones de personas que están trabajando para el desarrollo de Internet quieren los avances ya, y no cuando los usuarios dejen de un lado navegadores antiguos. Es por ello que esta utilidad que os presento hoy es cross-browser, es decir que se puede utilizar en casi todos los navegadores.

jsPlumb

jsPlumb es un plugin que permite hacer cosas muy interesantes con esquemas gráficos bastante presentables.

El plugin, como he dicho requiere varias cosas, pero para todas hay una solución que permite que se vea en todos los navegadores:

  • jQuery (1.3+)
  • jQuery IU (1.7+)
  • Explorer Canvas

Ejemplo sencillo

Hay muchísimos ejemplos en la documentación pero para ir abriendo boca, un código sencillo:

1
2
//Se conecta el div con id window1 con el div con id window2
$("#window1").plumb({target:'window2'});

Enlaces