# Move maps

Move Heatmap helps you understand where a person moved or hovered their cursor on their screen. These types of heatmap are sometimes called hover maps or attention maps.

This heatmap is useful for pages with a lot of content.

<figure><img src="/files/s7RhRGHYpKEhx9Kur2gP" alt=""><figcaption></figcaption></figure>

## Top panel

The top panel helps you filter the Click maps data and actions for them.

1. **URL:** This autofill URL based on the page you choose from the Heatmap list page

<figure><img src="/files/Da7XTehMob6jYRmD1AjL" alt=""><figcaption></figcaption></figure>

2. **Device:**

You can choose what device to see heatmap, including PC, Tablet, and Mobile. The number on the right side of it is the number of pageviews of that URL on that device.

<figure><img src="/files/xCzDZWdsXhklvWouecjk" alt=""><figcaption></figcaption></figure>

3. **Heatmap type:** including 4 types

* Clicks
* Moves
* Scrolls
* Areas

4. **View recordings:**

View recordings help you watch all sessions that included this URL.

<figure><img src="/files/f6tpeLy4JcP7lkQ8jf27" alt=""><figcaption></figcaption></figure>

## Heatmap panel

<figure><img src="/files/nkgDoz52a4CmkRQYY3aY" alt=""><figcaption></figcaption></figure>

Where user moves are represented on the Heatmap.

At the bottom of Heatmap panel, there are: (*sửa ảnh nhé)*

1. **Moves:** the total number of movess on a page for the applied device.
2. **Color scale**: Colors get warmer as the popularity of a section increases. The warmer the colors, the denser the moves.

<figure><img src="/files/EByitIlMv3ENI48BOrz4" alt=""><figcaption></figcaption></figure>

## Sidebar panel

The sidebar panel contains elements ranked by the number of moves. Move map displays these ranks elements with the most number of moves on the page.

### Move data

As you scroll to the bottom, you see elements ranked further down the page. Select any moved element to view the number of moves (% of moves). Once you select an element on the Sidebar panel, it will automatically navigate you to that element on the Heatmap panel.

<figure><img src="/files/BESL8EyGoLGWiXytkxJP" alt=""><figcaption></figcaption></figure>

### View recordings

View recordings help you watch recordings where the element was clicked.

<figure><img src="/files/vudUeIJoD5SSiVw09jko" alt=""><figcaption></figcaption></figure>

### Copy element

This copies the CSS selector of an element that allows you to identify the exact element in the UI. You can use it to change the style of an element.

<figure><img src="/files/tTaooHqG8NB0Tqr4w6da" alt=""><figcaption></figcaption></figure>

If you have any questions, feel free to contact us via **Crisp Chat** or email us at [support@mida-app.io](mailto:support@mida-app.io?subject=%5BMIDA%20Support%5D%20Question%20about%20Fraud%20Score\&body=Hi%20MIDA%20Team%2C%0A%0AI%20have%20a%20question%20about%20the%20Fraud%20Score%20feature.%20Please%20assist%20me%20with%20the%20following%3A%0A%0A-%20Shop%20URL%3A%20%0A-%20Issue%20details%3A%20%0A%0AThank%20you!%0A%0A%2D%20Your%20Name).


---

# 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.mida-app.io/heatmaps/move-maps.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.