Hoe maak je een afhankelijkheidsgrafiek met tekst

Is er een eenvoudige online tool die een afhankelijkheidsgrafiek genereert (vakken gekoppeld door pijllijnen) op basis van tekstinvoer, zoals:

Een -> B

Net zoals deze:

www.websequencediagrams.com

(Het genereert een sequentiediagram)

Antwoord 1, autoriteit 100%

graphvizis een tool voor het genereren van grafieken.

webgraphviz.comis een webapp die gebruikmaakt van graphviz, waarmee u de tekst kunt aanpassen en de bijbehorende grafiek kunt weergeven (het heeft ook 5 voorbeelden/voorbeelden).

graphviz neemt invoer als volgt op:

digraph G {
   A->B
}

Antwoord 2, autoriteit 16%

http://www.nomnoml.com

Het gebruikt de syntaxis:

[A] -> [B]

Antwoord 3, autoriteit 10%

Ik weet dat dit heel oud is, maar het kan iemand anders later helpen.

Persoonlijk vind ik yuml.meleuk.

Gezien de volgende syntaxis:

[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]

U kunt een nogal complex diagram genereren. En om het gebruik ervan te vergemakkelijken, wordt dit allemaal weergegeven als een reeks eenvoudige URL’s die u in vrijwel elk webdocument kunt insluiten.

• Later bewerken – om later terug te komen en de afbeelding te bewerken: http://yuml.me/edit/5a963e1b
• PNG-afbeelding – Voor blogs, wiki’s of e-mail. Transparante achtergrond: http://yuml.me/5a963e1b
• PDF-document – Ideaal om af te drukken. Oneindig zoomen.
• JPEG-afbeelding – effen achtergrond. Speelt leuker met sommige desktoptools.
• JSON-bestand – Om programmatisch metadata op te slaan.
• SVG Vector Graphics – Experimenteel

Antwoord 4, autoriteit 6%

• Ga naar deze pagina: Interactieve GraphSource-demo
• Schakel de combobox hierboven naar “Dynamische bindingen”
• Voer deze waarden in de velden in
  • Knooppuntenbron: ['Dummy']
  • Randenbron: ['A->B', 'A->C', 'D->C', 'D->A']
  • Lazy Node-definitie: aangevinkt
  • Bronknooppuntbinding: function(edge) { return /(.+)->(.+)/.exec(edge)[1];}
  • Target Node Binding: function(edge) { return /(.+)->(.+)/.exec(edge)[2];}
  • De rest laten zoals het is
• Druk op de knop New Graph
• Bekijk de animatie en maak een screenshot!

Antwoord 5, autoriteit 6%

Of je kunt zeemeermin gebruiken. https://mermaidjs.github.io/, dat ook beschikbaar is in Markdown-interpreters.