joint

JointJS - biblioteca de diagramação JavaScript que alimenta UIs excepcionais

JointJS é uma biblioteca de diagramação JavaScript / Typescript testada e comprovada que ajuda desenvolvedores e empresas de qualquer tamanho a criar aplicativos visuais e sem código/baixo código com mais rapidez e confiança. É uma ferramenta flexível a partir da qual uma ampla variedade de UIs pode ser criada (aplicativos de diagramação interativos, ferramentas de desenho, visualizações de dados, UIs para sistemas de monitoramento e muito mais). Ele pode se tornar a camada fundamental de sua próxima aplicação e ajudá-lo a levar sua ideia ao mercado em dias, não em meses ou anos.

Mais informações , exemplos e documentação podem ser encontrados em jointjs.com.

? Comece com tutoriais.

Para fazer uma pergunta, compartilhar comentários ou participar de uma discussão com outros membros da comunidade, visite nossas discussões no GitHub.

Mais exemplos estão disponíveis no CodePen.

Confira nossa documentação de mapa mental.

Características

• elementos essenciais do diagrama (reto, círculo, elipse, texto, imagem, caminho)
• elementos de diagrama prontos para uso de diagramas conhecidos (ERD, organograma, FSA, UML, PN, DEVS, ...)
• elementos de diagrama personalizados baseados em SVG ou renderizados programaticamente
• conectando elementos do diagrama com links ou links com links
• links personalizáveis, suas pontas de seta e rótulos
• formas de link configuráveis ​​(âncoras, pontos de conexão, vértices, roteadores, conectores)
• propriedades e dados de elementos personalizados
• importar/exportar de/para o formato JSON
• portas de elementos personalizáveis ​​(aparência e posição, distribuídas em formas ou posicionadas manualmente)
• API de gráfico rico (traversal, dfs, bfs, encontrar vizinhos, predecessores, elementos no ponto, ...)
• interatividade granular
• diagramas hierárquicos (contêineres, elementos incorporados, relacionamentos filho-pai)
• ferramentas de elementos e links (botões, ícones de status, ferramentas para alterar a forma dos links, ...)
• marcadores (fornecem ênfase visual aos seus elementos)
• layouts automáticos (organizar os elementos e links automaticamente)
• altamente orientado a eventos (reage a qualquer evento que aconteça dentro do diagrama)
• aumentar/diminuir zoom
• suporte de toque
• Arquitetura MVC
• Baseado em SVG
• ... muito mais

Navegadores suportados

• Google Chrome mais recente (incluindo celular)
• Firefox mais recente
• Safari mais recente (incluindo celular)
• O mais recente Edge da Microsoft
• Ópera mais recente

Ambiente de Desenvolvimento

Se você quiser trabalhar no JointJS localmente, use as diretrizes a seguir para começar.

Dependências

Certifique-se de ter as seguintes dependências instaladas em seu sistema:

• Node.js
• grunhido-cli
• idiota
• fio

Certifique-se de estar usando a versão do Yarn >= 2.0.0, para ter acesso à funcionalidade de intervalos do espaço de trabalho do Yarn. Se você estiver usando o Volta, ele lerá automaticamente essa restrição em package.json .

Configurar

Clone este repositório git:

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

Navegue até o diretório joint :

 cd joint

Instale todas as dependências:

yarn install

Gere arquivos de distribuição a partir do código-fonte:

yarn run dist

Agora você está pronto para navegar em nossos aplicativos de exemplo, que combinam funcionalidades de vários pacotes JointJS:

 cd examples

Consulte o arquivo README.md de cada aplicativo para obter instruções adicionais.

Você também pode navegar pelos aplicativos de demonstração do nosso pacote JointJS Core:

 cd packages/joint-core/demo

A maioria das demonstrações pode ser executada simplesmente abrindo o arquivo index.html em seu navegador. Algumas demos possuem instruções adicionais, que você pode encontrar em seus respectivos arquivos README.md .

Testes

Para executar todos os testes:

yarn run test

Para executar apenas os testes do lado do servidor:

yarn run test-server

Para executar apenas os testes do lado do cliente:

yarn run test-client

Para executar apenas testes TypeScript:

yarn run test-ts

Fiapos

Para verificar erros de linting nos diretórios src e types :

yarn run lint

Para corrigir erros automaticamente, execute eslint para os diretórios src e types :

yarn run lint-fix

Relatórios de cobertura de código

Para gerar um relatório de cobertura de código em HTML:

yarn run test-coverage

Para gerar um relatório de cobertura de código no formato lcov:

yarn run test-coverage-lcov

A saída de todos os testes unitários será salva no diretório packages/joint-core/coverage .

Colaboradores

Licença

A biblioteca JointJS está licenciada sob a Licença Pública Mozilla 2.0.

Copyright © 2013-2024 cliente IO