lini 0.7.2

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

// The Lini hero — a colourful service map. Palette colours, a gradient entry
// point, mixed wire styles. Source for assets/hero.png.
{
  layout: column; gap: 52; padding: 30; font-weight: normal;
  -> { stroke: --gray; stroke-width: 2; clearance: 16; }

  // tier looks — soft pastel fill, ink text + stroke
  |edge::box| { fill: --sky-wash; stroke: --sky-ink; color: --sky-ink; }
  |svc::box| { fill: --teal-wash; stroke: --teal-ink; color: --teal-ink; }
  |auth::hex| {
    fill: --purple-wash; stroke: --purple-ink; color: --purple-ink; padding: 20 16;
  }
  |store::cyl| { fill: --rose-wash; stroke: --rose-ink; color: --rose-ink; }

  .flow { stroke: --blue; }
  .cache { stroke: --teal; }
  .async { stroke: --orange; }
  .auth { stroke: --purple; }
}

users |oval| {
  width: 156; height: 62; fill: gradient(--sky, --purple); stroke: none; color: white; font-weight: bold;
} "Users"

edge |group| { layout: row; gap: 28; } [
      |caption| "Edge"
  lb  |edge| [
    "Load balancer"
    |badge| "v2"
  ]
  cdn |edge| { stack: 5; } "CDN"
]

svc |group| { layout: row; gap: 28; } [
         |caption| "Services"
  api    |svc|     "API"
  auth   |auth|    "Auth"
  worker |svc|     [
    "Worker"
    |badge| "NEW"
  ]
]

data |group| { layout: row; gap: 28; } [
        |caption| "Data"
  pg    |store| "Postgres"
  redis |store| "Redis"
  queue |svc| { fill: --amber-wash; stroke: --amber-ink; color: --amber-ink; } "Queue"
]

users -> edge.lb .flow "https"
edge.lb -> svc.api
edge.lb -> svc.auth .auth
svc.api -> data.pg .flow
svc.api --> data.redis .cache "cache"
svc.worker ~> data.queue .async "jobs"