How to generate dependency graph with text

GraphDiagramUtilities

Graph Problem Overview

Is there a simple online tool that will generate a dependency graph (boxes linked by arrow lines) based on text input like:

A -> B

Much like this one:

www.websequencediagrams.com

(It generates a sequence diagram)

Graph Solutions

Solution 1 - Graph

graphviz is a tool for generating graphs.

webgraphviz.com is a web app that uses graphviz, and lets you modify the text and display the corresponding graph (it has 5 samples/examples as well).

graphviz takes input like this:

digraph G {
   A->B
}

Solution 2 - Graph

http://www.nomnoml.com

It's using the syntax:

[A] -> [B]

Solution 3 - Graph

I know this is really old, but it might help someone else later.

I personally like yuml.me.

Given the following syntax:

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

You can generate a rather complex diagram. And to facilitate it's use, this is all exposed as a series of simple URLs which you can embed in just about any web-based document.

  • Edit Later - To come back and edit the image later: http://yuml.me/edit/5a963e1b
  • PNG Image - For blogs, wikis or email. Transparent background: http://yuml.me/5a963e1b
  • PDF Document - Great for printing. Infinite zoom.
  • JPEG Image - Solid background. Plays nicer with some desktop tools.
  • JSON File - To programatically save metadata.
  • SVG Vector Graphics - Experimental

Solution 4 - Graph

  • Go to this page: Interactive GraphSource Demo
  • Switch the combobox above to "Dynamic Bindings"
  • Enter these values in the fields
    • Nodes Source: ['Dummy']
    • Edges Source: ['A->B', 'A->C', 'D->C', 'D->A']
    • Lazy Node Definition: Checked
    • Source Node Binding: function(edge) { return /(.+)->(.+)/.exec(edge)[1];}
    • Target Node Binding: function(edge) { return /(.+)->(.+)/.exec(edge)[2];}
    • Leave the rest as is
  • Hit the New Graph button
  • Watch the animation and take a screenshot!

Solution 5 - Graph

Or you can use mermaid. https://mermaidjs.github.io/, which is available in Markdown interpreters, too.

Categories
Recommended Graph Solutions

Previous Solution:

How to input currency format on a text field (from right to left) using Swift?

IosSwiftStringUitextfieldNsnumberformatter

Next Solution:

AsyncTask execute() or executeOnExecutor()?

AndroidAndroid Asynctask

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionhello_harryView Question on Stackoverflow
Solution 1 - GraphLuis MuñizView Answer on Stackoverflow
Solution 2 - GraphfabView Answer on Stackoverflow
Solution 3 - GraphSireInsectusView Answer on Stackoverflow
Solution 4 - GraphSebastianView Answer on Stackoverflow
Solution 5 - GraphM.BalázsView Answer on Stackoverflow