Cómo generar un gráfico de dependencias con texto [cerrado]


¿Hay una herramienta en línea simple que generará un gráfico de dependencias (cuadros vinculados por líneas de flecha) basado en la entrada de texto como:

A - > B

Muy parecido a este:

Www.websequencediagrams.com

(Genera un diagrama de secuencia)

Author: hello_harry, 2015-04-26

5 answers

Graphviz es una herramienta para generar gráficos.

Webgraphviz.com es una aplicación web que utiliza graphviz, y le permite modificar el texto y mostrar el gráfico correspondiente (tiene 5 muestras/ejemplos también).

Graphviz toma la entrada así:

digraph G {
   A->B
}
 45
Author: loteq,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-05-14 17:22:14

Sé que esto es muy viejo, pero podría ayudar a alguien más más tarde.

Personalmente me gusta yUML.me

Dada la siguiente sintaxis...

[note: You can stick notes on diagrams too!{bg:cornsilk}],
[Customer]<>1-orders>[Order], 
[Order]++*-items>[LineItem], 
[Order]-1>[DeliveryMethod], 
[Order]*-products>[Product], 
[Category]<->[Product], 
[DeliveryMethod]^[National], 
[DeliveryMethod]^[International]

...puede generar un diagrama bastante complejo. Y para facilitar su uso, todo esto se expone como una serie de URL simples que puede incrustar en casi cualquier documento basado en la web.

  • Editar más tarde-Para volver y editar la imagen más tarde: http://yuml.me/edit/5a963e1b
  • Imagen PNG - Para blogs, wikis o correo electrónico. Fondo transparente: http://yuml.me/5a963e1b
  • Documento PDF - Ideal para imprimir. Zoom infinito.
  • Imagen JPEG - Fondo sólido. Juega mejor con algunas herramientas de escritorio.
  • Archivo JSON - Para guardar metadatos de forma programática.
  • SVG Vector Graphics-Experimental!
 5
Author: SireInsectus,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-12-15 16:59:13
  • Vaya a esta página: Demostración interactiva de GraphSource
  • Cambie el cuadro combinado anterior a"Enlaces dinámicos"
  • Introduzca estos valores en los campos
    • Nodos Fuente: ['Dummy']
    • Bordes Fuente: ['A->B', 'A->C', 'D->C', 'D->A']
    • Definición de Nodo perezoso: Comprobado
    • Enlace de nodo de origen: function(edge) { return /(.+)->(.+)/.exec(edge)[1];}
    • Enlace de nodo de destino: function(edge) { return /(.+)->(.+)/.exec(edge)[2];}
    • Deja el resto como está
  • Pulsa el botón New Graph
  • Mira la animación y toma una captura de pantalla!
 4
Author: Sebastian,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-04-27 06:30:27

Http://www.nomnoml.com

Está usando la sintaxis:

[A] -> [B]
 2
Author: fab,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-10-17 14:23:24

O puedes usar sirena. https://mermaidjs.github.io / , que también está disponible en intérpretes Markdown.

 0
Author: M.Balázs,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-07-07 05:43:07