# Card

The **Card** feature allows users to add, configure, and activate built-in visualizations within the agent’s settings. Each card presents data or knowledge retrieved from various sources in different formats (e.g., tables, charts, or summaries). These visualizations enhance the data display, making it easier to interpret insights from the retrieved information.

## Prerequisites

To effectively configure **Card** within the system, it’s essential to understand how the **Training and Tools** feature operates. 

👉 **Learn more about setting up Training here**

{% content-ref url="training" %}
[training](https://docs.feedloop.ai/agent-settings/training)
{% endcontent-ref %}

👉 **Learn more about setting up Tools here**

{% content-ref url="tools" %}
[tools](https://docs.feedloop.ai/agent-settings/tools)
{% endcontent-ref %}

Make sure you have activated [advance-reasoning](https://docs.feedloop.ai/what-is-agent/advance-reasoning "mention")

## Accessing the Card Feature

1. Go to **Agent Settings**.
2. Click on the **Cards** tab at the top of the settings panel.

<figure><img src="https://4292326968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqsAGx1GJXq13bQhP2sY7%2Fuploads%2FKrcEmRC3eS8vuEl6DCX5%2Fimage.png?alt=media&#x26;token=df8279c9-30e2-4024-8a37-38d1c8e62f20" alt="" width="421"><figcaption><p>Avesing Card </p></figcaption></figure>

### Adding a New Card

1. Click **Add Card** on the right side of the **Cards** section.

   <figure><img src="https://4292326968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqsAGx1GJXq13bQhP2sY7%2Fuploads%2FOz1p1TmUy8KEAhSqsP4a%2Fimage.png?alt=media&#x26;token=3f403536-f446-4841-83be-347593418b83" alt="" width="416"><figcaption><p>Addig New Crad </p></figcaption></figure>
2. In the **Add** sidebar, you’ll see a list of available card types under **Build-in**. The card types include:
   * **Introductory Text**
   * **Pie Chart**
   * **Table**
   * **Summary**
   * **Line Chart**
   * **Bar Chart**
   * **Analyze**
3. Select the desired card type by clicking on it. The card will now appear in the **Cards** section.

   <figure><img src="https://4292326968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqsAGx1GJXq13bQhP2sY7%2Fuploads%2F5EqP6yzvodPGjdgkh6pf%2Fimage.png?alt=media&#x26;token=b62b3b33-dc5a-4d5b-b5bd-0f0b8673e8a7" alt="" width="410"><figcaption><p>Added Card </p></figcaption></figure>
4. Once you add a card, each card type offers unique configuration options to tailor the display according to your data and visualization needs. Here’s a guide to configuring each card type

## &#x20;Configuring each card type

{% content-ref url="card/intro-and-summary-text" %}
[intro-and-summary-text](https://docs.feedloop.ai/agent-settings/card/intro-and-summary-text)
{% endcontent-ref %}

{% content-ref url="card/data-visualization-card" %}
[data-visualization-card](https://docs.feedloop.ai/agent-settings/card/data-visualization-card)
{% endcontent-ref %}

{% content-ref url="card/analyze-card" %}
[analyze-card](https://docs.feedloop.ai/agent-settings/card/analyze-card)
{% endcontent-ref %}