#### <sup>[Ollin](../../index.md) → [Examples](../index.md) → Basic</sup>

---

## Basic

| [![Describing](https://media.ollin.art/examples/Basic/Describing/still-640.jpg?v=614673a6)](describing.md) | [![Guides](https://media.ollin.art/examples/Basic/Guides/still-640.jpg?v=a0cf7472)](guides.md) | [![HelloCircle](https://media.ollin.art/examples/Basic/HelloCircle/still-640.jpg?v=45527360)](hellocircle.md) | [![NormalizedCoordinates](https://media.ollin.art/examples/Basic/NormalizedCoordinates/still-640.jpg?v=1e6882f1)](normalizedcoordinates.md) |
|---|---|---|---|
| [Describing](describing.md) | [Guides](guides.md) | [HelloCircle](hellocircle.md) | [NormalizedCoordinates](normalizedcoordinates.md) |

These examples are the smallest starting point. They cover a first breathing circle, the shape of a sketch, and the `extend(...)` seam.

| Example | What it shows |
|---|---|
| [HelloCircle](hellocircle.md) | the smallest program: a breathing circle. `draw()` runs continuously, so the motion is one `time` term and there is no `loop()` call |
| [NormalizedCoordinates](normalizedcoordinates.md) | placing things by fraction, so a sketch fits any canvas |
| [Guides](guides.md) | the `extend(...)` seam: an overlay that draws over the sketch |
| [Describing](describing.md) | `describe`: a sketch that says what it shows, for a screen reader |

Run one with `swift run Example-Basic-<Name>`, for example `swift run Example-Basic-HelloCircle`.