lini 0.4.0

Pretty diagrams from plain text, with fine-grained control. Compiles to clean, themeable SVG.
Documentation 
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

// Lini's wire styles, in colour — five little flows.
// Source for assets/flow.png.

{
  layout: grid; columns: repeat(2); gap: 18 96; padding: 24;
  -> { stroke-width: 2; }

  .solid { stroke: #e63946; }
  .dashed { stroke: #1d9bf0; }
  .dotted { stroke: #2a9d8f; }
  .wavy { stroke: #9b5de5; }
  .thick { stroke: #f3722c; stroke-width: 3; }
}

cat  |box| { fill: #ffd6a5; } "cat"
dog  |box| { fill: #ffd6a5; } "dog"
fish |box| { fill: #a0c4ff; } "fish"
bowl |box| { fill: #a0c4ff; } "bowl"
newt |box| { fill: #caffbf; } "newt"
log  |box| { fill: #caffbf; } "log"
frog |box| { fill: #bdb2ff; } "frog"
pond |box| { fill: #bdb2ff; } "pond"
ping |box| { fill: #ffadad; } "ping"
pong |box| { fill: #ffadad; } "pong"

cat -> dog .solid "solid"
fish --> bowl .dashed "dashed"
newt ..> log .dotted "dotted"
frog ~> pond .wavy "wavy"
ping <-> pong .thick "two-way"