lini 0.7.1

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
31
32
33
34
35
36
37
38

// Lini's wire styles, in colour — five little flows. Palette colours.
// Source for assets/flow.png.
{
  layout: grid; columns: repeat(2); gap: 18 110; padding: 24; font-weight: normal;
  -> { stroke-width: 2; }

  .solid { stroke: --rose-ink; }
  .dashed { stroke: --sky-ink; }
  .dotted { stroke: --teal-ink; }
  .wavy { stroke: --purple-ink; }
  .thick { stroke: --amber-ink; stroke-width: 3; }
  |box| { width: 75; }

  |red::box| { fill: --rose-wash; stroke: --rose-ink; color: --rose-ink; }
  |sky::box| { fill: --sky-wash; stroke: --sky-ink; color: --sky-ink; }
  |teal::box| { fill: --teal-wash; stroke: --teal-ink; color: --teal-ink; }
  |purple::box| {
    fill: --purple-wash; stroke: --purple-ink; color: --purple-ink;
  }
  |orange::box| { fill: --amber-wash; stroke: --amber-ink; color: --amber-ink; }
}

cat  |red|    "cat"
dog  |red|    "dog"
fish |sky|    "fish"
bowl |sky|    "bowl"
newt |teal|   "newt"
log  |teal|   "log"
frog |purple| "frog"
pond |purple| "pond"
ping |orange| "ping"
pong |orange| "pong"

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