GoJS
Genere y manipule diagramas a través de la API de JavaScript
Biblioteca JavaScript de código abierto que permite a los desarrolladores crear y procesar diagramas, tablas y gráficos dentro de sus propias aplicaciones JavaScript.
Una biblioteca de JavaScript muy poderosa que brinda a los desarrolladores de software la capacidad de generar y manipular diagramas, tablas y gráficos dentro de sus propias aplicaciones de JavaScript. La biblioteca ha incluido compatibilidad con diseños integrados, como diseño de árbol, diseño de dígrafo radial y en capas, y algunos diseños personalizados. La biblioteca se puede usar fácilmente en un navegador web o en el lado del servidor en Node o Puppeteer.
La biblioteca GoJS es muy flexible y permite a los desarrolladores crear diferentes tipos de diagramas, como diagramas de flujo, diagramas médicos, organigramas, herramientas de diseño, herramientas de planificación, diagramas de estado, diagramas de Sankey, procesos industriales, lenguajes visuales, etc. .
La biblioteca ofrece funciones interactivas muy potentes, como arrastrar y soltar elementos de un diagrama, copiar y pegar contenido, información sobre herramientas, menús contextuales, uso de plantillas, compatibilidad con enlace de datos, controladores de eventos, diseños automáticos, aplicación de animaciones personalizables y muchas más. También puede representar el elemento HTML Canvas y exportarlo a SVG, así como a otros formatos de imagen.
Primeros pasos con GoJS
La forma recomendada de instalar GoJS es a través de npm, está disponible a través del administrador de paquetes npm, use los siguientes comandos.
Instalar GoJS a través de npm
$ npm install gojs --save
Dibujar diagramas de flujo a través de la API de JavaScript
La biblioteca GoJS de código abierto ha brindado soporte para crear varios tipos de diagramas y mostrar características y diseños específicos. Puede dibujar diagramas de flujo con un par de líneas de código JavaScript. La biblioteca ha incluido compatibilidad con paletas, nodos enlazables, comportamiento de arrastrar y soltar, edición de texto y el uso de mapas de plantillas de nodos para dibujar diagramas de diagramas de flujo. También puede modificar el diagrama existente y el nodo del diagrama, así como el bloque de texto con facilidad.
Crear y editar diagramas de estado a través de JavaScript
Un diagrama de estado se utiliza para describir el comportamiento de los sistemas. El diagrama de estado se puede usar para representar la condición del sistema o parte del sistema en un número finito de estados o tiempos. La biblioteca GoJS ha brindado soporte para crear y editar diagramas de estado con facilidad. Puede dibujar fácilmente tantos nodos como desee y puede dibujar tantos enlaces de un nodo a otro como desee, y puede remodelar los enlaces o eliminarlos cuando los seleccione.
Generar circuito lógico a través de JavaScript
Las puertas lógicas son los componentes básicos de cualquier sistema digital. Una puerta lógica es un modelo ideal de computación o un dispositivo electrónico físico que implementa una función booleana. La biblioteca es muy rica en funciones y ha proporcionado varias funciones importantes para la creación de circuitos utilizando puertas y cables. Es muy fácil de usar y ayuda a los usuarios a administrar diagramas con facilidad. Se proporciona una paleta que le permite arrastrar y soltar nuevos nodos y administrar su diagrama. Puede actualizar fácilmente cada nodo según el tipo que utiliza el color de los enlaces en el nodo para determinar el color de los que salen.
Dibujar y posicionar elementos del diagrama
La biblioteca GoJS de código abierto permite a los desarrolladores de software dibujar y colocar fácilmente los elementos del diagrama dentro de sus propias aplicaciones de JavaScript. La biblioteca permite a los desarrolladores seleccionar y colocar las partes seleccionadas de un diagrama entre sí con solo un par de líneas de código. También puede manejar fácilmente las teclas de flecha y utiliza un "desplazamiento de pegado" para que los objetos pegados los coloquen en cascada en lugar de colocarlos uno encima del otro.