> For the complete documentation index, see [llms.txt](https://codalin.gitbook.io/nodalin-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codalin.gitbook.io/nodalin-docs/nodes-reference/sources/circle.md).

# Circle

<table data-header-hidden><thead><tr><th width="141.6597900390625"></th><th></th></tr></thead><tbody><tr><td><div><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2F59YlguMemSy3P0115LtQ%2Fimage.png?alt=media&amp;token=eb04390f-0d98-432e-ab9c-8589adc07ed3" alt="" width="76"><figcaption></figcaption></figure></div></td><td>Renders a circle with customizable radius, position, fill color, and outline. Use it as a standalone shape or as an <a href="/nodalin-docs/how-to.../instancing.md">instancing</a> target for other nodes. </td></tr></tbody></table>

<table><thead><tr><th width="154.95703125">Property name</th><th width="404.9296875">Description</th><th>Compatible datatype</th></tr></thead><tbody><tr><td>radius</td><td>Radius</td><td>number</td></tr><tr><td>x</td><td>Horizontal position</td><td>number</td></tr><tr><td>y</td><td>Vertical position</td><td>number</td></tr><tr><td>color</td><td>Fill color</td><td>color</td></tr><tr><td>outline</td><td>Outline color</td><td>color</td></tr><tr><td>strokeWidth</td><td>Outline width</td><td>number</td></tr><tr><td>origin</td><td>Center point of the shape. Defaults to (0, 0). Changing it moves the shape’s pivot without affecting its x and y position.</td><td>point</td></tr><tr><td>zindex</td><td>Controls which element appears on top when elements overlap; higher values sit above lower ones.</td><td>number</td></tr></tbody></table>

{% hint style="info" %}
The `strokeWidth` property becomes available when a Color node is connected to the `outline`&#x20;

The `zindex` increases automatically, unless there's a connection to it.
{% endhint %}