# Shapes
[All galleries](/catalogs/)

- [Rectangle](/examples/rectangle/): Use rectangles as bold blocks of color, outlined frames, and precise layout anchors. [Full page](/experience/rectangle/) · [Playground](/playground/#/examples/drawing/rectangle)
- [Circle](/examples/circle/): Draw a round mark from an explicit center and radius. [Full page](/experience/circle/) · [Playground](/playground/#/examples/drawing/circle)
- [Ellipse](/examples/ellipse/): Stretch and rotate a curved mark with independent horizontal and vertical radii. [Full page](/experience/ellipse/) · [Playground](/playground/#/examples/drawing/ellipse)
- [Arc](/examples/arc/): Draw a stroke-only curved sweep with explicit start and end angles. [Full page](/experience/arc/) · [Playground](/playground/#/examples/drawing/arc)
- [Line](/examples/line/): Connect a sequence of coordinates into expressive polylines and diagrams. [Full page](/experience/line/) · [Playground](/playground/#/examples/drawing/line)
- [Wedge](/examples/wedge/): Close a circular sweep back to its center to make a filled sector. [Full page](/experience/wedge/) · [Playground](/playground/#/examples/drawing/wedge)
- [Horizontal line](/examples/horizontal-line/): Place crisp horizontal rules without repeating endpoint coordinates. [Full page](/experience/horizontal-line/) · [Playground](/playground/#/examples/drawing/horizontal-line)
- [Vertical line](/examples/vertical-line/): Build dividers, ticks, and rhythm with a one-axis line helper. [Full page](/experience/vertical-line/) · [Playground](/playground/#/examples/drawing/vertical-line)
- [Polygon](/examples/polygon/): Close ordered coordinate pairs into a filled, outlined multi-sided mark. [Full page](/experience/polygon/) · [Playground](/playground/#/examples/drawing/polygon)
- [Regular polygon](/examples/regular-polygon/): Generate a regular shape with equal sides and angles from a center and exactly one size mode. [Full page](/experience/regular-polygon/) · [Playground](/playground/#/examples/drawing/regular-polygon)
- [Star](/examples/star/): Alternate outer tips and inner valleys to draw a star with selective rounded corners. [Full page](/experience/star/) · [Playground](/playground/#/examples/drawing/star)
- [Path](/examples/path/): Draw custom geometry with the browser’s Path2D vocabulary and let Pibbl paint it. [Full page](/experience/path/) · [Playground](/playground/#/examples/drawing/path)
- [SVG path](/examples/svg-path/): Bring compact SVG path data straight into a Canvas composition. [Full page](/experience/svg-path/) · [Playground](/playground/#/examples/drawing/svg-path)
## Documentation version

Documentation built with @pibbl/core 0.0.2, revision 272a94a. ALPHA — NOT FOR PRODUCTION USE.