codercards.dot

digraph G {
    graph [fontname = "Segoe UI"];
    node [fontname = "Segoe UI", shape=box, style=filled]; 
    edge [fontname = "Segoe UI", fontsize=10];

    RequestImageProcessing [shape=note, fillcolor="beige"];
    "Blob input-container" [fillcolor="/bugn3/2"];
    GenerateCard [shape=note, fillcolor="beige"]
    "Blob outputblob" [fillcolor="/bugn3/3"];
    "Queue input-queue" [fillcolor="/bugn3/3:/bugn3/1"]

    "Queue input-queue" -> GenerateCard [arrowhead = vee, label="   Trigger", "labeljust"="r"]
    "HTTP" -> RequestImageProcessing [arrowhead = vee, label="   Trigger"];
    "Blob input-container" -> GenerateCard [arrowhead = dot, label = "   Input"];    
    RequestImageProcessing -> "Queue input-queue" [arrowhead = box, label = "   Output"];
    GenerateCard -> "Blob outputblob" [arrowhead = box,  label = "   Output"];

    "HTTP" [fillcolor="/bugn3/1"];

}