joint

JointJS: biblioteca de diagramas de JavaScript que impulsa interfaces de usuario excepcionales

JointJS es una biblioteca de diagramas de JavaScript / Typecript probada y comprobada que ayuda a los desarrolladores y empresas de cualquier tamaño a crear aplicaciones visuales y sin código/bajo código de forma más rápida y con confianza. Es una herramienta flexible a partir de la cual se puede crear una amplia gama de UI (aplicaciones de diagramas interactivos, herramientas de dibujo, visualizaciones de datos, UI para sistemas de monitoreo y muchas más). Puede convertirse en la capa fundamental de su próxima aplicación y ayudarle a llevar su idea al mercado en días, no en meses o años.

Puede encontrar más información , ejemplos y documentación en jointjs.com.

? Comience con tutoriales.

Para hacer una pregunta, compartir comentarios o participar en una discusión con otros miembros de la comunidad, visite nuestras discusiones de GitHub.

Hay más ejemplos disponibles en CodePen.

Consulte nuestra documentación de mapas mentales.

Características

• elementos esenciales del diagrama (recto, círculo, elipse, texto, imagen, ruta)
• Elementos de diagrama listos para usar de diagramas conocidos (ERD, organigrama, FSA, UML, PN, DEVS, ...)
• elementos de diagrama personalizados basados ​​en SVG o renderizados mediante programación
• conectar elementos del diagrama con enlaces o enlaces con enlaces
• enlaces personalizables, sus puntas de flecha y etiquetas
• Formas de enlaces configurables (anclajes, puntos de conexión, vértices, enrutadores, conectores)
• propiedades y datos de elementos personalizados
• importar/exportar desde/hacia formato JSON
• Puertos de elementos personalizables (aspecto y posición, distribuidos alrededor de formas o colocados manualmente)
• API de gráficos enriquecidos (recorrido, dfs, bfs, búsqueda de vecinos, predecesores, elementos en puntos, ...)
• interactividad granular
• diagramas jerárquicos (contenedores, elementos incrustados, relaciones padre-hijo)
• Herramientas de elementos y enlaces (botones, iconos de estado, herramientas para cambiar la forma de los enlaces, ...)
• resaltadores (brindan énfasis visual a sus elementos)
• diseños automáticos (organizar los elementos y enlaces automáticamente)
• Altamente impulsado por eventos (reacciona ante cualquier evento que suceda dentro del diagrama).
• acercar/alejar
• soporte táctil
• arquitectura MVC
• basado en SVG
• ...mucho más

Navegadores compatibles

• Último Google Chrome (incluido el móvil)
• Firefox más reciente
• Último Safari (incluido el móvil)
• El último Edge de Microsoft
• Última ópera

Entorno de desarrollo

Si desea trabajar en JointJS localmente, utilice las siguientes pautas para comenzar.

Dependencias

Asegúrese de tener las siguientes dependencias instaladas en su sistema:

• Nodo.js
• gruñido-cli
• git
• hilo

Asegúrese de estar utilizando la versión de Yarn >= 2.0.0, para tener acceso a la funcionalidad de rangos del espacio de trabajo de Yarn. Si está utilizando Volta, leerá automáticamente esta restricción de package.json .

Configuración

Clona este repositorio de git:

git clone https://github.com/clientIO/joint.git

Navegue al directorio joint :

 cd joint

Instale todas las dependencias:

yarn install

Genere archivos de distribución a partir del código fuente:

yarn run dist

Ahora está listo para explorar nuestras aplicaciones de ejemplo, que combinan funcionalidad de múltiples paquetes JointJS:

 cd examples

Consulte el archivo README.md de cada aplicación para obtener instrucciones adicionales.

También puede explorar las aplicaciones de demostración de nuestro paquete JointJS Core:

 cd packages/joint-core/demo

La mayoría de las demostraciones se pueden ejecutar simplemente abriendo el archivo index.html en su navegador. Algunas demostraciones tienen instrucciones adicionales, que puede encontrar en sus respectivos archivos README.md .

Pruebas

Para ejecutar todas las pruebas:

yarn run test

Para ejecutar sólo las pruebas del lado del servidor:

yarn run test-server

Para ejecutar sólo las pruebas del lado del cliente:

yarn run test-client

Para ejecutar solo pruebas de TypeScript:

yarn run test-ts

Hilas

Para comprobar si hay errores de linting en los directorios src y types :

yarn run lint

Para corregir errores automáticamente, ejecute eslint para src y directorios types :

yarn run lint-fix

Informes de cobertura de código

Para generar un informe de cobertura de código en HTML:

yarn run test-coverage

Para generar un informe de cobertura de código en formato lcov:

yarn run test-coverage-lcov

El resultado de todas las pruebas unitarias se guardará en el directorio packages/joint-core/coverage .

Colaboradores

Licencia

La biblioteca JointJS tiene la licencia Mozilla Public License 2.0.

Copyright © 2013-2024 cliente IO