> For the complete documentation index, see [llms.txt](https://fatos-doc.fatos.biz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fatos-doc.fatos.biz/fatos-api/map/map-control/layers/style-specification/circle.md).

# Circle

A filled circle.

#### Paint Property

<table><thead><tr><th>Property Name</th><th width="226">Description</th><th width="150">Type</th><th>Defaults</th></tr></thead><tbody><tr><td>circle-blur</td><td>Amount to blur the circle. 1 blurs the circle such that only the centerpoint is full opacity.</td><td>number</td><td>0</td></tr><tr><td>circle-color</td><td>The fill color of the circle.</td><td>hex values, RGB, RGBA, HSL, HSLA,<br>Colors Name</td><td>#000000</td></tr><tr><td>circle-opacity</td><td><p>The opacity at which the circle will be drawn.</p><p>between <code>0</code> and <code>1</code> inclusive. </p></td><td>number</td><td>1</td></tr><tr><td>circle-pitch-alignment</td><td><p>Orientation of circle when map is pitched.</p><p><code>"map"</code>:</p><p>The circle is aligned to the plane of the map.</p><p><code>"viewport"</code>:</p><p>The circle is aligned to the plane of the viewport.</p></td><td>string</td><td>viewport</td></tr><tr><td>circle-pitch-scale</td><td><p>Controls the scaling behavior of the circle when the map is pitched.</p><p><code>"map"</code>:</p><p>Circles are scaled according to their apparent distance to the camera.</p><p><code>"viewport"</code>:</p><p>Circles are not scaled.</p></td><td>string</td><td>map</td></tr><tr><td>circle-radius</td><td><p>Circle radius.</p><p>greater than or equal to <code>0</code>.</p></td><td>number</td><td>5</td></tr><tr><td>circle-stroke-color</td><td>The stroke color of the circle.</td><td>hex values, RGB, RGBA, HSL, HSLA,<br>Colors Name</td><td>#000000</td></tr><tr><td>circle-stroke-opacity</td><td><p>The opacity of the circle's stroke.</p><p>between <code>0</code> and <code>1</code> inclusive. </p></td><td>number</td><td>1</td></tr><tr><td>circle-stroke-width</td><td>The width of the circle's stroke. Strokes are placed outside of the <code>circle-radius</code>.<br>greater than or equal to <code>0</code>. </td><td>number</td><td>0</td></tr><tr><td>circle-translate</td><td>The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.</td><td>array of numbers</td><td>[0,0]</td></tr><tr><td>circle-translate-anchor</td><td><p>Controls the frame of reference for <code>circle-translate</code>.</p><p><code>"map"</code>:</p><p>The circle is translated relative to the map.</p><p><code>"viewport"</code>:</p><p>The circle is translated relative to the viewport.</p></td><td>string</td><td>map</td></tr></tbody></table>

####

#### Layout Property

<table><thead><tr><th>Property Name</th><th width="288">Description</th><th width="150">Type</th><th>Defaults</th></tr></thead><tbody><tr><td>visibility</td><td><p>Whether this layer is displayed.</p><p><code>"visible"</code>:</p><p>The layer is shown.</p><p><code>"none"</code>:</p><p>The layer is not shown.</p></td><td>String( visible or none)</td><td>visible</td></tr><tr><td>circle-sort-key</td><td>Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.</td><td>number</td><td>null</td></tr></tbody></table>