Introducción

En mi día a día, no suelo utilizar diagramas de flujo ó diagramas de proceso P&ID, pero, de vez en cuando, me surge la necesidad de echar mano de alguna aplicación para realizar estos esquemas. Para estos casos, suelo utilizar Dia, o incluso Inkscape (que últimamente le he cogido mucha afición), aunque tengo que reconocer, que he llegado a utilizar hasta una hoja de cálculo para hacer este tipo de esquemas.

Sin embargo, el otro día, leí en DeGoo.es, sobre Diagram.ly, y dada mi naturaleza curiosa, y el hecho de que no era necesario instalarlo para verlo funcionar, lo probé, llevándome una grata impresión.

Diagram.ly

Diagramly es un aplicación de ejemplo, desarrollada utilizando la librería javascript mxGraph, y funciona directamente desde tu navegador de internet, sin necesidad de ningún complemento, extensión java, ni nada mas. Ya solo la aplicación para desarrollar diagramas es un importante atractivo, pero, si además tienes en cuenta, que cualquier página que incorpore esta librería (sólo es necesario hacer referencia a ella en el código html de la misma) tiene completo acceso a la misma, te puedes hacer una idea del potencial de la misma.

Para que te hagas una idea solo tienes que visitar la página de mxGraph, donde verás unas imágenes correspondientes a distintos diagramas. Bueno, pues si pinchas en cualquiera de ellos (que no sea el primero porque es precisamente el editor), verás que al acceder a cualquiera de los diagramas, puedes modificarlo, por que no se tratan simplemente de imágenes, sino que son esquemas propiamente dicho. Por ejemplo, al pinchar sobre el enlace «Ports example», veremos algo como esto:

Al principio de probarlo en Diagram.ly, me he empezado a desesperar, porque para enlazar un objeto o forma a otro objeto, creía que solo se podía hacer arrastrando una línea al interior del gráfico, pero, probando, (por supuesto sin leer el manual de instrucciones -gran defecto el mio-), he visto que al aproximar el ratón a alguno de los nodos de la figura se queda enmarcado en un recuadro de color verde, y tan solo con arrastrar el ratón hasta otro nodo, ya tienes las figuras enlazadas

Conclusiones

Como te puedes imaginar, he estado buscando la librería de javascript para incorporarla a un WebKit, y tener Diagram.ly, como una herramienta de escritorio, sin la necesidad de tener accedo a internet. El funcionamiento es sencillo, y rápido. Mi recomendación, es que lo pruebes, sobre todo, por que no necesitas instalar nada, solo iniciar tu navegador y conectarte a diagram.ly