> For the complete documentation index, see [llms.txt](https://nocode-artisan.gitbook.io/plotly-charts/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nocode-artisan.gitbook.io/plotly-charts/additional-resources/elements-fields-reference/overview/quick-customizations.md).

# Quick Customizations

## Event Data Type

To improve the user interface, we have adopted a new way to manage event data. 

Select "Event Data" from the dropdown. The data of each event has been placed at your disposal in a more organized way, and two events, select and de-select, have also been added. You can read more about user interactions and events here.

{% content-ref url="/pages/AfvoCAZo2knA6qj5o11g" %}
[User Interactions](/plotly-charts/user-interactions/chart-events.md)
{% endcontent-ref %}

## Hover Mode

These modes help you to allow users interact with charts differently, providing more or less information as they hover over various parts of the chart.

{% tabs %}
{% tab title="Closest" %}

#### Closest Mode

Imagine you're looking at a bar chart with different colored bars. When you move your mouse close to any bar, a small box (hover label) appears right above that bar. 

It tells you information about that specific bar, like its label and value. If your mouse is closer to one bar than the others, the box will show up for that closest bar.

It's great for focusing on one specific data point at a time. Ideal for detailed analysis of a particular point on your chart.
{% endtab %}

{% tab title="X" %}

#### X Mode

Now[^1], imagine there are different colored bars for each month (like red for online sales, blue for in-store sales). In X Mode, if you put your mouse over any month, you'll see little boxes for each type of sale in that month (one for online, one for in-store), but only for that month.
{% endtab %}

{% tab title="Y" %}

#### **Y Mode**

This is a bit different for a bar chart but imagine if the bars were horizontal instead of vertical. When you hover along a horizontal line, you see boxes for bars that line up with your mouse horizontally. Again, it's one box per group of bars at that level.
{% endtab %}

{% tab title="X Unified" %}

#### **X Unified Mode**

Back to [the monthly sales chart with different colored bars.](#user-content-fn-2)[^2] Here, when you hover over a month, instead of separate boxes for online and in-store sales, you get one big box. This box combines the information of all sales types for that month.
{% endtab %}

{% tab title="Y Unified" %}

#### **Y Unified Mode**

Using a horizontal bar chart this time, showing different books' page counts. When you hover at a specific number of pages, one big box appears summarizing all books with that page count. It consolidates information for a certain page count level.
{% endtab %}

{% tab title="False" %}

#### **False Mode**

No matter what chart type you use, this mode means no information boxes appear when you hover over the chart. It keeps the chart clean with no hover details.
{% endtab %}
{% endtabs %}

## Background Color

Using this field, you can specify the color of the plot area where the chart is drawn. For element background color, you can use bubble background color option like other elements.

## Colors

When using this option, you specify a list of colors that will be used as the default color scheme for your plot. 

These colors can be defined in various formats, including hexadecimal values (e.g., `#FF5733`), RGB values (e.g., `rgb(255,87,51)`), or even named colors (e.g., `red`).

## Show Legend

This is an option for faster access to show or unhide the legend. You can use the legend module for more settings and link it to Plotly.

{% content-ref url="/pages/jxm2EoTKyv8v2KFisUOl" %}
[Legend](/plotly-charts/additional-resources/elements-fields-reference/options/legend.md)
{% endcontent-ref %}

[^1]: Think of a bar chart showing sales in different months.

[^2]: Think of a bar chart showing sales in different months. Now, imagine there are different colored bars for each month (like red for online sales, blue for in-store sales)


---

# 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://nocode-artisan.gitbook.io/plotly-charts/additional-resources/elements-fields-reference/overview/quick-customizations.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.