graphviz visual editor

graphViz-visual-editor

Pruébelo en http://magjac.com/graphvis-visual-editor.

Una aplicación web para la edición visual interactiva de gráficos GraphViz descritos en el lenguaje DOT.

Instalación

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

Nota: El escenario Make emite algunas advertencias. Ignorarlos.

Para crear una compilación optimizada de la aplicación:

 npm run build

Obtenga más información de Crear React App ReadMe y Guía del usuario.

Características implementadas

• Representación de un gráfico de una representación de puntos textual.
• Paneando y zoom en el gráfico.
• Edición de la fuente DOT en un editor de texto sensible al contexto.
• Edición visual del gráfico a través de interacciones del mouse:
  • Inserte formas de nodo haciendo clic o arrastre y drogue.
  • Seleccione estilo de nodo predeterminado, color y relleno.
  • Dibuje bordes entre nodos.
  • Seleccione nodos y bordes haciendo clic o por área de arrastre y marquelos en el editor de texto.
  • Eliminar nodos y bordes seleccionados.
  • Cortar/Copiar y pegar un nodo seleccionado.
• Actualización automática de la fuente DOT cuando el gráfico se edita visualmente.
• Actualización automática del gráfico cuando se edita la fuente DOT.
• Transición animada del gráfico a un nuevo estado cuando se realizan cambios.
• Preservación de la fuente DOT y el estado de la aplicación durante las recargas de la página mediante guardado y recuperación automáticos hacia/desde el almacenamiento local en el navegador.
• Exportar gráfico como URL e importar gráfico de dicha URL.
• Gráfico de exportación como SVG.
• Opciones:
  • Coloque automáticamente el gráfico al área de dibujo disponible.
  • Seleccione el motor de diseño GraphViz.
• Ayuda en línea:
  • Atajos de teclado
  • Interacciones del ratón

Navegadores probados

• Firefox 71
• Chrome 79

Problemas conocidos

Los problemas conocidos no se enumeran aquí .

Todos los errores y solicitudes de mejora conocidos se informan como problemas en GitHub y se enumeran en la pestaña Problemas.

Todos los problemas abiertos

Enumera los errores y las solicitudes de mejora.

Errores abiertos conocidos

Solicitudes de mejora abierta

Limitaciones conocidas

Una limitación es una característica lanzada deliberadamente sin una funcionalidad completa. Una limitación se clasifica tanto como un error como como una solicitud de mejora para reflejar que, aunque es una mejora aún no implementada desde la perspectiva del autor, podría percibirse como un error desde la perspectiva del usuario.

Problemas cerrados

Hoja de ruta

Faltan numerosas características geniales. Están o serán enumerados como solicitudes de mejora en GitHub.

También hay una junta de proyecto que muestra las actividades a corto plazo.