blockdiag

Reference:
blockdiag

Example 1

blockdiagblockdiag { blockdiag -> generates -> "block-diagrams"; blockdiag -> is -> "very easy!!!!"; blockdiag [color = "greenyellow"]; "block-diagrams" [color = "pink"]; "too easy!!!!!!" [color = "orange"]; }blockdiaggeneratesisblock-diagramsvery easy!!!!too easy!!!!!!
```kroki {_type=blockdiag}

blockdiag {
blockdiag -> generates -> "block-diagrams";
blockdiag -> is -> "very easy!!!!";
blockdiag [color = "greenyellow"];
"block-diagrams" [color = "pink"];
"too easy!!!!!!" [color = "orange"];
}

```

Example 2

blockdiagblockdiag { // Set backgroun-color to nodes. B [color = none]; C [color = pink]; D [color = "#888888"]; A -> B -> C -> D; }BCDA
```kroki {_type=blockdiag}

blockdiag {
   // Set backgroun-color to nodes.
   B [color = none];
   C [color = pink];
   D [color = "#888888"];

   A -> B -> C -> D;
}

```

Example 3

blockdiagblockdiag { // standard node shapes box [shape = "box"]; roundedbox [shape = "roundedbox"]; diamond [shape = "diamond"]; ellipse [shape = "ellipse"]; note [shape = "note"]; cloud [shape = "cloud"]; mail [shape = "mail"]; beginpoint [shape = "beginpoint"]; endpoint [shape = "endpoint"]; minidiamond [shape = "minidiamond"]; actor [shape = "actor"]; dots [shape = "dots"]; box -> roundedbox -> diamond -> ellipse; cloud -> note -> mail -> actor; minidiamond -> beginpoint -> endpoint -> dots; // node shapes for flowcharts condition [shape = "flowchart.condition"]; database [shape = "flowchart.database"]; input [shape = "flowchart.input"]; loopin [shape = "flowchart.loopin"]; loopout [shape = "flowchart.loopout"]; terminator [shape = "flowchart.terminator"]; condition -> database -> terminator -> input; loopin -> loopout; }boxroundedboxdiamondellipsenotecloudmailbeginpointendpointminidia ...actorconditiondatabaseinputloopinloopoutterminator
```kroki {_type=blockdiag}

blockdiag {
   // standard node shapes
   box [shape = "box"];
   roundedbox [shape = "roundedbox"];
   diamond [shape = "diamond"];
   ellipse [shape = "ellipse"];
   note [shape = "note"];

   cloud [shape = "cloud"];
   mail [shape = "mail"];
   beginpoint [shape = "beginpoint"];
   endpoint [shape = "endpoint"];
   minidiamond [shape = "minidiamond"];
   actor [shape = "actor"];
   dots [shape = "dots"];

   box -> roundedbox -> diamond -> ellipse;
   cloud -> note -> mail -> actor;
   minidiamond -> beginpoint -> endpoint -> dots;

   // node shapes for flowcharts
   condition [shape = "flowchart.condition"];
   database [shape = "flowchart.database"];
   input [shape = "flowchart.input"];
   loopin [shape = "flowchart.loopin"];
   loopout [shape = "flowchart.loopout"];
   terminator [shape = "flowchart.terminator"];

   condition -> database -> terminator -> input;
   loopin -> loopout;
}

```

Example 4

blockdiagblockdiag admin { A -> B -> C -> D; A -> E; A -> H; // A and B belong to first group. group { A; B; } // E, F and G belong to second group. group second_group { // Set group-label label = "second group"; // Set background-color to this group. color = "#77FF77"; // Set textcolor to this group textcolor = "#FF0000"; E -> F -> G; // H and I belong to third "nested" group. group { label = "third group"; color = "#FF0000"; // Set group shape to 'line group' (default is box) shape = line; // Set line style (effects to 'line group' only) style = dashed; H -> I; } } // J belongs to second group J [group = second_group]; }ABCEFGHIJDsecond groupthird group
```kroki {_type=blockdiag}

blockdiag admin {
   A -> B -> C -> D;
   A -> E;
   A -> H;

   // A and B belong to first group.
   group {
      A; B;
   }

   // E, F and G belong to second group.
   group second_group {
      // Set group-label
      label = "second group";

      // Set background-color to this group.
      color = "#77FF77";

      // Set textcolor to this group
      textcolor = "#FF0000";

      E -> F -> G;

      // H and I belong to third "nested" group.
      group {
          label = "third group";
          color = "#FF0000";

          // Set group shape to 'line group' (default is box)
          shape = line;

          // Set line style (effects to 'line group' only)
          style = dashed;

          H -> I;
      }
   }

   // J belongs to second group
   J [group = second_group];
}

```