Skip to content

Grid ​

Cartesian backdrop, lines and dots. The ui-gallery page Grid, painted with no terminal and no window at each of the documented profiles:

bash
ui-gallery --render --page grid --profile full|enhanced|baseline
 sparkles:ui Cartesian backdrop, lines and dots                                     tokyo-night 
   Welcome           ▕ Grid · a Cartesian backdrop                                             █
   Primitives        ▕                                                                         █
   Layout            ▕                                                                         █
   Tracks            ▕ Major and minor lattice layers, stripe bands, and a mark kind that is   █
   Text              ▕ either continuous lines or dots at intersections. The same config       █
   Themes            ▕ paints the diagram board and this page — a widget preview here, DrawOps █
   Slots             ▕ on the infinite canvas.                                                 █
   Decoration        ▕                                                                         █
   Effects           ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
 ▸ Grid              ▕ │ Default (RND4)                                                      │ █
   Components        ▕ │ ┌────────────────────────────────────────┐                          │ █
   Tree              ▕ │ │                                        │                          │ ░
   Property tree     ▕ │ │                                        │                          │ ░
   Table             ▕ │ │                                        │                          │ ░
   Scrolling         ▕ │ │                                        │                          │ ░
   State             ▕ │ │                                        │                          │ ░
   Split             ▕ │ │                                        │                          │ ░
   Dock              ▕ │ │                                        │                          │ ░
   Terminal          ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ └────────────────────────────────────────┘                          │ ░
                     ▕ └─────────────────────────────────────────────────────────────────────┘ ░
                     ▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
                     ▕ │ Stripe bands                                                        │ ░
                     ▕ │ ┌────────────────────────────────────────┐                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕                                                                          
 pages p next preset                                                            ? keys   q quit 
 sparkles:ui Cartesian backdrop, lines and dots                                     tokyo-night 
   Welcome           ▕ Grid · a Cartesian backdrop                                             █
   Primitives        ▕                                                                         █
   Layout            ▕                                                                         █
   Tracks            ▕ Major and minor lattice layers, stripe bands, and a mark kind that is   █
   Text              ▕ either continuous lines or dots at intersections. The same config       █
   Themes            ▕ paints the diagram board and this page — a widget preview here, DrawOps █
   Slots             ▕ on the infinite canvas.                                                 █
   Decoration        ▕                                                                         █
   Effects           ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
 ▸ Grid              ▕ │ Default (RND4)                                                      │ █
   Components        ▕ │ ┌────────────────────────────────────────┐                          │ █
   Tree              ▕ │ │                                        │                          │ ░
   Property tree     ▕ │ │                                        │                          │ ░
   Table             ▕ │ │                                        │                          │ ░
   Scrolling         ▕ │ │                                        │                          │ ░
   State             ▕ │ │                                        │                          │ ░
   Split             ▕ │ │                                        │                          │ ░
   Dock              ▕ │ │                                        │                          │ ░
   Terminal          ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ └────────────────────────────────────────┘                          │ ░
                     ▕ └─────────────────────────────────────────────────────────────────────┘ ░
                     ▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
                     ▕ │ Stripe bands                                                        │ ░
                     ▕ │ ┌────────────────────────────────────────┐                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕ │ │                                        │                          │ ░
                     ▕                                                                          
 pages p next preset                                                            ? keys   q quit 
 sparkles:ui Cartesian backdrop, lines and dots                                     tokyo-night 
   Welcome           | Grid * a Cartesian backdrop                                             #
   Primitives        |                                                                         #
   Layout            |                                                                         #
   Tracks            | Major and minor lattice layers, stripe bands, and a mark kind that is   #
   Text              | either continuous lines or dots at intersections. The same config       #
   Themes            | paints the diagram board and this page - a widget preview here, DrawOps #
   Slots             | on the infinite canvas.                                                 #
   Decoration        |                                                                         #
   Effects           | +---------------------------------------------------------------------+ #
 > Grid              | | Default (RND4)                                                      | #
   Components        | | +----------------------------------------+                          | #
   Tree              | | |                                        |                          | |
   Property tree     | | |                                        |                          | |
   Table             | | |                                        |                          | |
   Scrolling         | | |                                        |                          | |
   State             | | |                                        |                          | |
   Split             | | |                                        |                          | |
   Dock              | | |                                        |                          | |
   Terminal          | | |                                        |                          | |
                     | | |                                        |                          | |
                     | | |                                        |                          | |
                     | | +----------------------------------------+                          | |
                     | +---------------------------------------------------------------------+ |
                     | +---------------------------------------------------------------------+ |
                     | | Stripe bands                                                        | |
                     | | +----------------------------------------+                          | |
                     | | |                                        |                          | |
                     | | |                                        |                          | |
                     | | |                                        |                          | |
                     |                                                                          
 pages p next preset                                                            ? keys   q quit 

What each profile gives up ​

The frame's degradation report: one line per substitution, and the capability the target lacked. full is empty when the page asks for nothing a terminal cannot do.

text
alpha-flattened ×6 (alpha)
text
color-folded ×64 (colorDepth)
alpha-flattened ×6 (alpha)
text
color-dropped ×64 (colorDepth)
ascii-border ×5 (unicode)
ascii-scrollbar ×1 (unicode)
ascii-glyph ×3 (unicode)
alpha-flattened ×6 (alpha)

These are the files dub test :ui-gallery compares every render against, so a change to this page that is not re-blessed fails CI.