2023-01-12 07:47:41 +00:00
|
|
|
input: |d2
|
2023-01-12 08:30:23 +00:00
|
|
|
hello -> world
|
2023-01-12 07:47:41 +00:00
|
|
|
|
|
2023-01-12 08:30:23 +00:00
|
|
|
|
|
|
|
|
input -> compiler.parse
|
|
|
|
|
|
|
|
|
|
compiler: {
|
|
|
|
|
parse -> AST
|
|
|
|
|
AST: Abstract Syntax Tree {
|
|
|
|
|
shape: oval
|
2023-01-21 22:48:10 +00:00
|
|
|
fill: honeydew
|
2023-01-12 08:30:23 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
AST -> compile
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
compiler.compile -> graph
|
|
|
|
|
graph: Graph\n(shapes & connections) {
|
|
|
|
|
shape: oval
|
2023-01-21 22:48:10 +00:00
|
|
|
fill: honeydew
|
2023-01-12 08:30:23 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
graph -> Set Dimensions
|
|
|
|
|
Set Dimensions -> Use ruler to measure all texts -> measured graph
|
|
|
|
|
Set Dimensions -> Use given, premeasured dimensions -> measured graph
|
|
|
|
|
|
|
|
|
|
measured graph: {
|
|
|
|
|
shape: oval
|
2023-01-21 22:48:10 +00:00
|
|
|
fill: honeydew
|
2023-01-12 08:30:23 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
measured graph -> layout engine -> positioned graph
|
|
|
|
|
|
2023-01-21 22:48:10 +00:00
|
|
|
positioned graph: {
|
|
|
|
|
shape: oval
|
|
|
|
|
fill: honeydew
|
|
|
|
|
}
|
|
|
|
|
|
2023-01-12 08:30:23 +00:00
|
|
|
positioned graph -> exporter -> diagram
|
|
|
|
|
|
|
|
|
|
diagram: finalized diagram (styled) {
|
|
|
|
|
shape: oval
|
2023-01-21 22:48:10 +00:00
|
|
|
fill: honeydew
|
2023-01-12 08:30:23 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
diagram -> render SVG
|
|
|
|
|
|
|
|
|
|
render SVG -> use sketch post processor: optional
|
|
|
|
|
|
|
|
|
|
use sketch post processor -> SVG bytes
|
|
|
|
|
|
|
|
|
|
SVG bytes: {
|
|
|
|
|
shape: oval
|
2023-01-21 22:48:10 +00:00
|
|
|
fill: honeydew
|
2023-01-12 08:30:23 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
SVG bytes -> screenshot for PNG: optional
|
