> 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="/files/ikhA5Bb3Su3w8r1CfSQv" 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)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.toucanai.cloud/build/charts/how-to/customize-a-chart-manually.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.