# Build a chart from Table Nodes

Acho app builder provides a seamless workflow to for creating charts using [Table Nodes](/app-builder/app-construction/table.md) with **no-code**. This enables users to efficiently transform their data into meaningful Business Intelligence or Data Science visualizations.

{% embed url="<https://www.youtube.com/embed/qe7sTXQ_LDg?si=THuko56O3YclXhS8>" %}

## Prepare your data

In this tutorial, we will use `digital_ads_performance` data from sample Postgre dataset. You can also prepare your own data and [add it to resource](/acho-studio/resources/add-a-resource.md) to proceed the following steps.&#x20;

<figure><img src="/files/q4ZQvP9CaoxKJvESCZop" alt=""><figcaption><p>Upload csv data to resource</p></figcaption></figure>

## Create an app

[Create an app](https://docs.acho.io/app-builder/popular-use-cases/pages/pQtQTJTksAVpD2MpwPqG#3.-create-a-blank-app-or-build-with-a-template.) if you don't have one, or go to the app that you want to create a chart.

### Drag a chart element onto page

To add a table to your page, go to **Elements  -> Chart** at left tool bar and drag it onto the page.

<figure><img src="/files/bP6A6yeX8jBSmxxj1OR7" alt=""><figcaption><p>Drag a chart</p></figcaption></figure>

### Select Data source of the chart

Select `digital_ads_performance` in **Table Node -> sample-postgre** as the Data source of your chart.

### Select Chart Properties

#### Select Chart type

Choose a chart type to load a template. For example, in the video, we use Pie chart and Line chart to visualize the `digital_ads_performance` data.

#### Select Dimension and Metric

* **Dimensions**: These represent qualitative data and serve as categories or labels for your data. They provide the contextual aspect—answering the 'what'—to help make sense of the corresponding metrics.
* **Metrics**: These are quantitative data points. They offer measurable insights to questions such as "How much?", providing a context in which the numbers (metrics) can be understood.

For example, choose 'Pie chart' as the chart type, 'channel' as the Dimension, and 'impressions' as the Metric, and you will get a chart like this:

![](/files/YJEfwT1AKUeKcIXJHP5X)

#### Aggregate data with Dimension and Metric

Furthermore, you can modify how the raw data is grouped and aggregated before generating the chart, all without needing any coding.

For enhanced visualization, charts aggregate Table node metrics, grouped by the dimension you selected.  You can choose measures of aggregation, such as sum or average for numeric metrics, and count or count distinct for non-numerical metrics. The table node data will be grouped and ordered by the dimension, and the metrics will be aggregated in the backend according to your chosen measures. Subsequently, the chart renders this aggregated data to provide an optimal visualization.

![](/files/BUbQCmLdLmedj7CvhMQv)


---

# 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.acho.io/app-builder/popular-use-cases/build-a-chart-from-table-nodes.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.