# Interactions

* [Tooltips](#tooltips)
* [Brushing](#brushing)
* [Display Coordinates](#display-coordinates)

You can toggle customization options on your map, including tooltips, brush highlighting, map imagery (water, parks, etc.), and more.

![Interaction menu](https://d1a3f4spazzrp4.cloudfront.net/kepler.gl/documentation/g-interactions-0.png)

To toggle customization options on your map:

1. Open the Interactions menu by clicking the Interactions icon:
2. Click the switch next to the options you wish to activate/deactivate.

There are three types of interactions to choose from: **Tooltip**, **Brushing** and **Coordinate**. Note that only one of tooltip and brushing can be on at a time.

## Tooltips

tooltip displays metrics when hovering over a data point. You can choose which fields are displayed from the tooltip config menu.

![tooltips](https://d1a3f4spazzrp4.cloudfront.net/kepler.gl/documentation/image25.png)

* **Image** Image can be added to tooltip. If field name contains `<img>` and the field content contains `http` url

| id | `<img>-tooltip`                      |
| -- | ------------------------------------ |
| 1  | `http://my-image.com/my-image-0.png` |
| 2  | `http://my-image.com/my-image-1.png` |

* **Web link** Tooltip can be a clickable weblink. To add a web link as tooltip, add a url that starts with `http://` to the field content.

![tooltips](https://d1a3f4spazzrp4.cloudfront.net/kepler.gl/documentation/g-interactions-1.png)

Tip: click a point to pin the tooltip info to the map. To unpin the tooltip, press the blue pin icon.

![pin/unpin tooltip](https://d1a3f4spazzrp4.cloudfront.net/kepler.gl/documentation/image15.png)

## Brushing

* **Brush**: Brush allows you to highlight areas with the cursor. When brush is turned on, all layers darken. Only the portion you hover over with the cursor is illuminated. Brush works well with arc layers in particular.

![brush](https://d1a3f4spazzrp4.cloudfront.net/kepler.gl/documentation/image12.png)

[Back to table of contents](/docs/user-guides.md)

## Display Coordinates

![coordinate](https://d1a3f4spazzrp4.cloudfront.net/kepler.gl/documentation/g-interactions-2.png)

When then on coordinate, a panel contains latitude and longitude will follow your mouse

[Back to table of contents](/docs/user-guides.md)


---

# 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.kepler.gl/docs/user-guides/g-interactions.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.
