graphviz visual editor

GraphViz-visual-editor

Experimente em http://magjac.com/graphviz-visual-editor.

Um aplicativo da Web para edição visual interativa de gráficos GraphViz descritos no idioma DOT.

Instalação

 git clone https://github.com/magjac/graphviz-visual-editor
cd graphviz-visual-editor
npm install
make
npm run start

Nota: O palco de Make emite alguns avisos. Ignore -os.

Para criar uma construção otimizada do aplicativo:

 npm run build

Saiba mais com o App Create React App Readme e o Guia do Usuário.

Recursos implementados

• Renderização de um gráfico de uma representação de pontos textuais.
• Panning e ampliando o gráfico.
• Editando a fonte de pontos em um editor de texto sensível ao contexto.
• Edição visual do gráfico através de interações do mouse:
  • Insira as formas do nó clique ou arraste e solte.
  • Selecione o estilo de nó padrão, cor e preenchimento.
  • Desenhe arestas entre nós.
  • Selecione nós e bordas clique ou por área arraste e marque -os no editor de texto.
  • Exclua nós e bordas selecionadas.
  • Corte/copie e coloque um nó selecionado.
• Atualização automática da fonte de pontos quando o gráfico é editado visualmente.
• Atualização automática do gráfico quando a fonte de pontos é editada.
• Transição animada do gráfico para um novo estado quando as alterações são feitas.
• A preservação da fonte de pontos e o estado do aplicativo durante as recargas de página por salvar e recuperar automáticos para/para o armazenamento local no navegador.
• Exportar gráfico como URL e importar gráfico desse URL.
• Exportar gráfico como SVG.
• Opções:
  • Ajuste automaticamente o gráfico na área de desenho disponível.
  • Selecione o mecanismo de layout do GraphViz.
• Ajuda on-line:
  • Atalhos de teclado
  • Interações do mouse

Navegadores testados

• Firefox 71
• Chrome 79

Questões conhecidas

Problemas conhecidos não estão listados aqui .

Todos os bugs conhecidos e solicitações de aprimoramento são relatados como problemas no GitHub e estão listados na guia Problemas.

Todos os problemas abertos

Liste os bugs e solicitações de aprimoramento.

Bugs abertos conhecidos

Solicitações de aprimoramento aberto

Limitações conhecidas

Uma limitação é um recurso lançado deliberadamente sem funcionalidade completa. Uma limitação é classificada como um bug e como uma solicitação de aprimoramento para refletir que, embora seja um aprimoramento ainda não implementado da perspectiva do autor, pode ser percebido como um bug da perspectiva do usuário.

Questões fechadas

Roteiro

Existem inúmeras características legais ausentes. Eles são ou serão listados como solicitações de aprimoramento no GitHub.

Há também um quadro de projetos mostrando as atividades de curto prazo.