1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
// The realistic scene — a mid-size diagram with groups, exercising every
// common routing pattern at once.
{
direction: row; gap: 40; clearance: 12;
.loud { stroke: --red; }
.quiet { stroke: --blue; }
.happy { stroke: --green; }
|treat::box| { radius: 6; }
}
|oval#cat| "Cat"
|group#kitchen| [
|caption| "Kitchen"
|treat#bowl| "Bowl"
|treat#water| "Water"
]
|group#garden| [
|caption| "Garden"
|treat#dog| "Dog"
|treat#bird| "Bird"
]
|treat#roof| [
"Roof"
|badge| "new"
]
cat -> kitchen.bowl & kitchen.water .loud
cat -> roof .loud
kitchen.bowl -> garden.dog "X" .loud { along: 0.35; }
kitchen.bowl -> garden.dog .loud
kitchen.water <--- garden.dog .quiet
kitchen.water <- garden.dog .quiet
kitchen.water <- garden.dog .quiet
garden.bird -> roof
garden.bird -> roof
kitchen.water <-> garden.bird .quiet
kitchen.water -> roof .happy
kitchen.water -> roof .happy
garden ~> kitchen.bowl .loud