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:
(Genera un diagrama de secuencia)
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
}
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!
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á
- Nodos Fuente:
- Pulsa el botón
New Graph
- Mira la animación y toma una captura de pantalla!
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
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.
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