Crear un organigrama con jQuery

jOrgChart es un plugin gratuito desarrollado utilizando el framework jQuery para la elaboración de organigramas dinámicos.

Internamente jOrgChart realiza el diagrama jerárquico utilizando una estructura básica de listas anidadas, esta estructura es de muy fácil lectura por parte de los robots de los buscadores más conocidos.

El plugin una vez que es iniciado detecta la estructura de listas anidadas y genera un organigrama animado de una visualización muy atractiva. Permitiendo mostrar o ocultar las distintas ramas con la acción simple de un click.

El organigrama generado se ve de la siguiente manera:

diagrama arbol con jQuery

Si se encuentran interesados en implementar este organigrama que utiliza jQuery les recomiendo visitar la demostración en linea.

Ejemplo de uso:

<script>
jQuery(document).ready(function() {
    $("#org").jOrgChart({
		chartElement : '#chart',
		dragAndDrop  : true
	});
});
</script>

Web: jOrgChart

Categorizado en: