Add heatmap (#128)

Author: tothmano

dashboard-elements/heatmap.mdx

@@ -0,0 +1,28 @@
+---
+title: 'Heatmap'
+description: 'This section explains how to create heatmap dashboard elements and add them to your dashboard.'
+sidebarTitle: Heatmap
+tags:
+    ['axiom documentation', 'documentation', 'axiom', 'dashboards', 'collaboration', 'queries', 'visualizations', 'filters', 'charts', 'simple query builder', 'advanced query builder']
+---
+
+import Prerequisites from "/snippets/dashboard-prerequisites.mdx"
+import CreateElement from "/snippets/create-dashboard-element.mdx"
+
+Heatmaps represent the distribution of numerical data by grouping values into ranges or buckets. Each bucket reflects a frequency count of data points that fall within its range. Instead of showing individual events or measurements, heatmaps give a clear view of the overall distribution patterns. This allows you to identify performance bottlenecks, outliers, or shifts in behavior. For instance, you can use heatmaps to track response times, latency, or error rates.
+
+<Prerequisites />
+
+<CreateElement elementName="heatmap" elementButtonLabel="Heatmap"/>
+
+## Example with Simple Query Builder
+
+<Frame>
+  <img src="/doc-assets/shots/heatmap-builder.png" alt="Heatmap example with Simple Query Builder" />
+</Frame>
+
+## Example with Advanced Query Language
+
+<Frame>
+  <img src="/doc-assets/shots/heatmap-apl.png" alt="Heatmap example with Advanced Query Language" />
+</Frame>

dashboard-elements/overview.mdx

@@ -16,6 +16,12 @@ Choose one of the following to learn more about a dashboard element:
     href="/query-data/filters"
 >
 </Card>
+<Card
+    title="Heatmap"
+    icon="grid"
+    href="/dashboard-elements/heatmap"
+>
+</Card>
 <Card
     title="Log stream"
     icon="screencast"

doc-assets/shots/heatmap-apl.png

@@ -189,6 +189,7 @@
             "dashboard-elements/create",
             "dashboard-elements/configure",
             "query-data/filters",
+            "dashboard-elements/heatmap",
             "dashboard-elements/log-stream",
             "dashboard-elements/monitor-list",
             "dashboard-elements/note",