# Heatmaps

Heatmaps are used to visualize the density of points on a map.

Heatmaps visualizations are defined using `“type”: “heatmap”` and, allow the following properties to be set:

| Field name  | Description                                                                     |
| ----------- | ------------------------------------------------------------------------------- |
| `color`     | An array of colors that will be used in the heatmap. From less density to more. |
| `size`      | Controls the size of each point.                                                |
| `intensity` | Controls the intensity of a heightmap.                                          |

This is an example of a heatmap visualization

![](https://293097899-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLlIfNdbm4rCsu755xrdc%2Fuploads%2FaRBR1UIxnfla7giu9ECB%2FScreenshot%202023-08-09%20at%2015.51.42.png?alt=media\&token=94ca4e45-93cd-4946-9d5e-5eb6954cf529)

defined with the following visualization

```jsx
{
  "version": "2.3",
  "type": "heatmap",
  "config": {},
  "legend": {"displayName": {"0": "Low", "1": "High"}},
  "paint": {"color": "@purpYlPink", "size": 10, "intensity": 0.2}
}
```

Heatmaps do not support labels.