> For the complete documentation index, see [llms.txt](https://docs.toucanai.cloud/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.toucanai.cloud/build/charts/how-to/customize-a-chart-manually.md).

# Customize a chart manually

{% hint style="info" %}
**Target Audience**: Non technical users
{% endhint %}

### Goal

Modify the technical configuration and visual appearance of a chart through the manual editor.

***

### Prerequisites

* A [connected and active database](/build/data-connections/how-to/add-a-database.md).
* An existing [chart created with AI](/build/charts/how-to/create-a-chart-with-ai.md) or manually that you wish to customize in the **Library.**

***

### Steps

#### 1. Access the Chart Library

* Navigate to the **Library** tab from the main menu.
* Select an existing chart from the list to open the visualization.

#### 2. Enable Manual Edit Mode

* Click the **Manual Edit** switch to exit the AI conversational interface.
* Access the manual configuration panels for data and design.

<figure><img src="https://4270790459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl0BD9cL6TJjTGV95tGak%2Fuploads%2Fgit-blob-9dc450e327dfa86bea89469769723c6557755102%2Fchart_manual_edit_mode.png?alt=media" alt="Manual Edit Mode"><figcaption></figcaption></figure>

#### 3. Configure Title and Narrative

* Input a factual title for the chart.
* Provide a narrative description to explain the data significance to end-users.

#### 4. Adjust Data and Dimensions

* **Data Steps**: Review and modify the data processing steps generated by the AI.
* **Dimensions**: Assign qualitative attributes to the chart axes (e.g., Department, Region).
* **Measures**: Assign quantitative values to be visualized (e.g., Revenue, Headcount).

#### 5. Modify Chart Type and Layout

* Select a visual format, such as bar, line, or pie charts.
* Adjust the chart orientation between horizontal and vertical layouts.
* Select specific subtypes, such as switching from a stacked bar to a regular bar chart.

#### 6. Refine Data Presentation

* **Precision**: Set the number of decimal places or round values.
* **Formatting**: Apply units (e.g., %, $) and define number styles.
* **Preview**: View the updated chart in the editor to validate the visual output.

#### 7. Save Changes

* Verify that the status indicates the chart is saved.
* The updated chart is now available for placement in dashboards.

***

### Conclusion

The chart is manually refined and saved to the organization Library. You may now integrate this visualization into a dashboard or apply Row-Level Security (RLS).

**Suggested Next Step:** [How-to: Create a dashboard with AI](/build/dashboards-and-layouts/how-to/create-a-dashboard-with-ai.md)