# Modifying Data Components

The **Chart Components** section allows you to refine and customize how your data is visualized. Depending on the selected chart type, different configuration options will be available. Below are the key components:

1. **Dynamic Data Mapping Based on Chart Type**
   * When a chart is selected, the relevant data mapping fields will be displayed.
   * Example: A **line chart** requires `X-Axis`, `Y-Axis`, `Pivot`, `Order By`, and `Filter` fields, whereas a **bubble chart** will have different data mappings.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FnokXLFp3Zo9NYrA0LnBw%2Fimage.png?alt=media&#x26;token=e1543b0f-38b6-4735-9482-d39cac4fa495" alt=""><figcaption></figcaption></figure>

2. **Selecting and Modifying Data Fields**

* Click on a input to open a selection tray.
* Multiple fields can be selected or removed from the tray.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FbnHfQAAuRR9JqshX375y%2Fimage.png?alt=media&#x26;token=a274bb53-dfed-4f54-800f-e4c80ca3d761" alt=""><figcaption></figcaption></figure>

* Click the `X` mark on a field (colum) to remove it.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FFMsbsoLjqtvuIgpAEnxE%2Fimage.png?alt=media&#x26;token=f2c195fe-6b3c-4b99-a33c-2a66a71b60ea" alt=""><figcaption></figcaption></figure>

1. **Creating Custom or Calculated Fields**
   * Use the **custom metric** option to define a calculated field.
   * A pop-up will appear where you can write a formula and save it.
   * If an error occurs, AI will automatically prompt you to correct it.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FenjHztfg8zMAI4jetPw9%2Fimage.png?alt=media&#x26;token=d53b9ed0-33f2-4e00-8d86-a64907bf4d55" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FDtMbtJpMBmcP4HlDkmRv%2Fimage.png?alt=media&#x26;token=37885028-3845-41a0-9d59-83613b33375f" alt=""><figcaption></figcaption></figure>

3. **Using Pivot Columns for Advanced Analysis (more details in next section)**

* Pivoting allows data to be split by a selected category.
* Example: To view **sales by market per month**, you can set:
  * `X-Axis`: `Month`
  * `Y-Axis`: `Sum(Sales)`
  * `Pivot`: `Market`

4. **Sorting with "Order By"**

* The **Order By** field controls the arrangement of data points.
* Example: Order sales **by year (ascending or descending).**

5. **Filtering Data for Dynamic User Control**

* Filters in this section allow dynamic filtering at the **chart view** level.
* Users can select multiple filters for interactivity.
* Default values for filters can be set by clicking on a **filter chip**, which opens a pop-up for customization.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FiDFNzoXtZRQeYd3j6pwu%2Fimage.png?alt=media&#x26;token=7f49dd51-4dd6-4c2e-9894-9ee1e2977e5b" alt=""><figcaption></figcaption></figure>

6. **Final Step: Always Click "Apply"**\
   After making any changes, clicking **"Apply"** is a mandatory step to refresh and provision the dataset for visualization. Without this step, changes will not be reflected in the chart.