quarb 0.41.0

Query engine for arbors (arboreal graphs - tree-spanned or tree-dominated graphs)
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148

/* The Quarb table: the grid a result closing in `@| pretty` renders
   as in every browser host (the notebook cell, the playground, the
   extension's panel, quarb.org/search). Scoped under the class so a
   host's own theme never fights it; colours come from the host's
   variables where it sets them, else from neutral defaults that
   read in light and dark alike. Pandas is the model. */
.quarb-table {
  border-collapse: collapse;
  margin: 0.5em 0;
  font-family: var(--quarb-font, inherit);
  font-size: var(--quarb-table-size, 0.92em);
  line-height: 1.35;
  color: var(--quarb-fg, inherit);
  background: var(--quarb-bg, transparent);
}
.quarb-table th,
.quarb-table td {
  padding: 0.3em 0.75em;
  text-align: left;
  vertical-align: top;
  white-space: pre-wrap;
  border-bottom: 1px solid var(--quarb-rule, rgba(128, 128, 128, 0.25));
}
.quarb-table thead th {
  font-weight: 600;
  border-bottom: 2px solid var(--quarb-rule-strong, rgba(128, 128, 128, 0.55));
}
.quarb-table th.num,
.quarb-table td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.quarb-table tbody tr:nth-child(even) {
  background: var(--quarb-zebra, rgba(128, 128, 128, 0.07));
}
.quarb-table tbody tr:hover {
  background: var(--quarb-hover, rgba(128, 128, 128, 0.16));
}
.quarb-table td.null::after {
  content: "null";
  opacity: 0.45;
}
.quarb-table td.nested,
.quarb-table td.time {
  font-family: var(--quarb-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 0.95em;
}
.quarb-table caption {
  caption-side: bottom;
  padding-top: 0.4em;
  text-align: left;
  font-size: 0.9em;
  opacity: 0.6;
}

/* The histogram (`@| histogram`): one row per bar, the bar a block
   whose width is the count's share of the scale; the "other" and
   null bars stand aside, in grey. */
.quarb-histogram td.label {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.quarb-histogram td.bar {
  width: 18em;
  padding: 0.3em 0.5em;
}
.quarb-histogram td.bar div {
  height: 1em;
  min-width: 2px;
  background: var(--quarb-accent, rgba(70, 130, 180, 0.8));
  border-radius: 2px;
}
.quarb-histogram tr.aside td.bar div {
  background: var(--quarb-aside, rgba(128, 128, 128, 0.45));
}
.quarb-histogram tbody tr:nth-child(even) {
  background: transparent;
}

/* The tree (`@| tree`): every node with children folds and unfolds
   (the browser's own disclosure), a leaf is a plain line, a stub
   the skipped path in a dotted hand, a crosslink its own line. */
.quarb-tree {
  font-family: var(--quarb-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: var(--quarb-tree-size, 0.92em);
  line-height: 1.5;
  color: var(--quarb-fg, inherit);
}
.quarb-tree details {
  margin-left: 0;
}
.quarb-tree details > details,
.quarb-tree details > div {
  margin-left: 1.4em;
}
.quarb-tree summary {
  cursor: pointer;
  list-style: none;
  white-space: pre;
}
.quarb-tree summary::-webkit-details-marker {
  display: none;
}
.quarb-tree summary::before {
  content: "−";
  display: inline-block;
  width: 1.1em;
  color: var(--quarb-muted, rgba(128, 128, 128, 0.9));
}
.quarb-tree details:not([open]) > summary::before {
  content: "+";
}
.quarb-tree div.node::before,
.quarb-tree div.stub::before,
.quarb-tree div.link::before {
  content: "";
  display: inline-block;
  width: 1.1em;
}
.quarb-tree div {
  white-space: pre;
}
.quarb-tree .stub > summary,
.quarb-tree div.stub {
  color: var(--quarb-muted, rgba(128, 128, 128, 0.9));
  text-decoration: underline dotted;
}
.quarb-tree .link {
  color: var(--quarb-link, rgba(70, 130, 180, 0.95));
}
.quarb-tree .controls {
  margin: 0 0 0.3em 0;
  font-family: var(--quarb-font, inherit);
  font-size: 0.85em;
}
.quarb-tree .controls button {
  margin-right: 0.4em;
  padding: 0.1em 0.6em;
  font: inherit;
  color: var(--quarb-fg, inherit);
  background: var(--quarb-zebra, rgba(128, 128, 128, 0.12));
  border: 1px solid var(--quarb-rule, rgba(128, 128, 128, 0.35));
  border-radius: 3px;
  cursor: pointer;
}
.quarb-tree .controls button:hover {
  background: var(--quarb-hover, rgba(128, 128, 128, 0.25));
}