> For the complete documentation index, see [llms.txt](https://interopxyz.gitbook.io/ui-plus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interopxyz.gitbook.io/ui-plus/components/chart/cell-graphics.md).

# Cell Graphics

Modify the individual graphics of each item of a data series

## Description

Modify the individual graphics of each item of a data series

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2F5Bl7bsChfTOrda2sFbyj%2FUi-CellGraphics.png?alt=media\&token=63f902ef-5ab8-4138-9169-95526888b278)
{% endtab %}

{% tab title="Location" %}
**Name** | Ui Cell Graphics

**Nickname** | Cell Graphics

**Tab** | Ui

**Panel** | Chart

**Division** | 2
{% endtab %}

{% tab title="Inputs" %}
**Ds** | **Data Series** (*Ui+ Data Series*) | A Ui Data Series object to modify

**F** | **Fill Colors** (*Colour*) | The background color

**T** | **Text Colors** (*Colour*) | The foreground color

**S** | **Stroke Colors** (*Colour*) | The stroke color

**W** | **Stroke Weights** (*Number*) | The stroke weight
{% endtab %}

{% tab title="Ouputs" %}
**Ds** | **Data Series** (*Ui+ Data Series*) | The updated Ui Data Series object
{% endtab %}

{% tab title="Mode" %}
*none*
{% endtab %}
{% endtabs %}

{% hint style="info" %}
Currently Cell Graphics can only be used with the [**Grid Chart**](/ui-plus/components/chart/grid-chart.md)
{% endhint %}

## Usage

![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FlJsf93hhfCbGBffJWTnO%2Fimage.png?alt=media\&token=b463e0dc-6e52-4a4a-b1a4-6ecf67963482)