lini 0.22.0

Pretty diagrams, charts, and technical drawings 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

// Every drawable primitive plus a few templates, each captioned, in palette
// colours — a soft pastel fill with a matching ink outline. Source for assets/shapes.png.
{
  layout: grid; columns: repeat(4); gap: 26; padding: 30;
  |tile::column| { gap: 9; align: center; }
  |cap::block| { font-size: 12; color: --muted; }
}

|tile| [
  |box| { width: 66; height: 46; fill: --red-wash; stroke: --red-deep; } [
    |badge| "new"
  ]
  |cap| "box + badge"
]
|tile| [
  |rect| { width: 66; height: 46; fill: --orange-wash; stroke: --orange-deep; }
  |cap| "rect"
]
|tile| [
  |oval| { width: 68; height: 54; fill: --amber-wash; stroke: --amber-deep; }
  |cap| "oval"
]
|tile| [
  |hex| { width: 68; height: 58; fill: --lime-wash; stroke: --lime-deep; }
  |cap| "hex"
]

|tile| [
  |slant| { width: 66; height: 46; fill: --green-wash; stroke: --green-deep; }
  |cap| "slant"
]
|tile| [
  |cyl| { width: 58; height: 56; fill: --teal-wash; stroke: --teal-deep; }
  |cap| "cyl"
]
|tile| [
  |diamond| { width: 70; height: 60; fill: --sky-wash; stroke: --sky-deep; }
  |cap| "diamond"
]

|tile| [
  |poly| {
    points: 0 -30, 30 -6, 17 28, -17 28, -30 -6; fill: --purple-wash; stroke: --purple-deep;
  }
  |cap| "poly"
]
|tile| [
  |path| {
    path: "M -32 26 Q 0 -28 32 26"; stroke: --rose-deep; stroke-width: 4;
  }
  |cap| "path"
]
|tile| [
  |line| {
    points: -32 0, 32 0; marker-end: arrow; stroke: --red; stroke-width: 3;
  }
  |cap| "line"
]
|tile| [
  |icon| {
    symbol: house; width: 42; height: 42; fill: --teal-wash; stroke: --teal-deep;
  }
  |cap| "icon"
]

|tile| [
  |group| { padding: 12; } [
    |caption| "Group"
    |box| { width: 56; height: 34; fill: --gray-wash; stroke: --gray-ink; }
    |footnote| "footnote"
  ]
]
|tile| [
  |table| { columns: 24, 24, 24; } [
    "a" "b" "c"
    "d" "e" "f"
  ]
  |cap| "table"
]
|tile| [
  |path| {
    path: "M 0 -28 C 22 -30 31 -12 23 4 C 17 16 30 25 11 30 C -7 34 -27 25 -26 6 C -25 -11 -22 -28 0 -28 Z"; fill: --rose-wash; stroke: --rose-ink; stroke-width: 2;
  }
  |cap| "blob path"
]