# Adding custom charts

### Step 1: Add a custom datablock

<figure><img src="/files/pyNa7FRMpbcqdyFiBFt3" alt=""><figcaption></figcaption></figure>

### Step 2: Select the data source of the custom datablock

Then click "**Create Visualization**"

<figure><img src="/files/lIYHV8T1bQXwLGzEW7BN" alt=""><figcaption></figcaption></figure>

### Step 3: Configure the custom block

Hover to the empty custom visualization and click the "Setting" icon. The setting panel will show up on the right. Click on the "**Data**" tab to set the metrics and dimensions.

<figure><img src="/files/xzXBBICD6rgBIXP0RScz" alt=""><figcaption></figcaption></figure>

Remember to scroll down to click "**Fetch Data**"

<figure><img src="/files/vUZS2A14m8y1OAYaGO9V" alt=""><figcaption></figcaption></figure>

After the data is fetched successfully, we can see the result in a table format

<figure><img src="/files/gmwXF10MwdrB8Zg02cOJ" alt=""><figcaption></figcaption></figure>

### Step 4: Choose your chart type

Next you can visualiza the result in a suitable way.

<figure><img src="/files/wAC1opLOPHptVzLqgVxc" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/VvJ9cOM4BFmm4Je6Iws0" alt=""><figcaption></figcaption></figure>

**Congratulations on Creating Your Custom Chart!**

SMAQ provides a comprehensive selection of chart types and customization options. You can also apply advanced filters to retrieve precisely the data you need, along with powerful aggregation and filtering capabilities to support your reporting requirements.

Feel free to explore all the features! We're actively developing additional tutorials to help you get the most out of SMAQ.


---

# Agent Instructions: 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.smaq.io/documentation/features/dashboard/adding-custom-charts.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.