Gallery

71 figures · Open a figure to explore its code.

layout (11)

geometry (10)

plotting (16)

maps (9)

networks (6)

text (5)

math (12)

api (2)

(shape_algebra)

Shape Algebra

A subdivided square is the value of a series, a colored circle appears under a radical, and a matrix transpose swaps colored swatches.

Math operands are ordinary Gum elements. Each geometric operand has explicit em dimensions, while MathArray measures the cells and Bracket sizes the fences. Compound operands remain separate JSX children.

The TitleFrame uses frame-aspect={1} to make a content-sized square border. Page hugs the frame and its raised title without an outer Box or fixed dimensions. The frame's fit keeps the complete composition inside smaller previews. Spacing, borders, corner radii, and the title font use ems, so changing the single base font size on TitleFrame scales the whole figure.

See MathArray.