gerador de diagramas de Javascript html5 [fechado]
Eu tenho um sistema que tem vários status e esses status seguem um fluxo de trabalho particular que pode ser alterado pelos usuários.
procuro uma estrutura simples que gere uma representação visual do fluxo de trabalho
Ex:
- do início ao processo
- da solução ao fim ou do processo ao fim
- finalmente da solução ao fim
4 answers
Se você está procurando uma solução mais sofisticada, em um cenário comercial, você pode querer considerar yFiles para HTML . Se o seu sistema é muito simples, isto pode ser exagerado, porém, e soluções mais simples como jsPlumb podem ser suficientes.
A antiga biblioteca suporta todos os tipos de interação do Usuário e personalização dos mesmos, bem como fornece suporte para a fácil integração de suas próprias formas e representações visuais.
Para visualização de fluxo de trabalho especificamente, a implementação automática do algoritmo de disposição do Layout Sugiyama Layout é útil quando um maior número de itens de fluxo de trabalho precisa ser arranjado automaticamente:
Na imagem acima, foram adicionados nadadores, que são muito comuns em diagramas de fluxo de trabalho mais complexos. O algoritmo pode organizar as formas, suas conexões e as pistas de natação automaticamente. Você pode ver isso em ação em esta amostra ao vivo aplicaçãoDisclosure : Eu trabalho para a empresa que cria a referida biblioteca. Por isso eu não represento o meu empregador, meus comentários, pensamentos e posts são meus próprios.
Eu encontrei um que eu poderia então fazer um diagrama de fluxo de trabalho, carregar e salvar dados de e para o servidor.
Isto tem quase todas as características que podem ser usadas para fazer diagramas de fluxo de trabalho:
1) texto rico dentro de um rectângulo.
2) Capacidade de personalizar formas.
3) Capacidade de adicionar símbolos de fluxograma e corrigir código de back-end.
4) trabalha em navegadores Android, iOS, HTML5.5) Capacidade de adicionar diferentes tipos de linhas para anexar a diferentes formas e objetos.
MIT licenciado.
Se precisar de uma GPL e / ou de uma versão comercial, pode utilizar o Draw2d.org lib. É um ralador SDK do que um aplicativo pronto para usar. Neste caso, uma integração ou personalização é possível.
- ler / escrever JSON
- a escrever PNG ou GIF
- ...