{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["availability","img","partial"]},"type":"markdown","userRole":"Users, Editors, and Admins","accountType":"All accounts","plan":"All subscription plans"},"seo":{"title":"Understanding the Heatmap visualization","description":"Discover how the Heatmap visualization helps analyze data trends and patterns through a color-coded grid layout for enhanced data insights.","siteUrl":"https://help.databox.com","llmstxt":{"title":"Databox Knowledge Base","description":"Databox is a business analytics platform that consolidates data in one place, enabling real-time performance tracking and insights by mixing and matching data from various sources for a comprehensive view.","details":{"content":"This knowledge base covers everything from account setup and integrations to building Databoards, creating custom metrics, and using AI-powered features."},"sections":[{"title":"General","includeFiles":["docs/general/*.md","docs/general/visualization-types/*.md","docs/general/templates/*.md"],"excludeFiles":[]},{"title":"AI","includeFiles":["docs/ai/*.md"],"excludeFiles":[]},{"title":"Account Management","includeFiles":["docs/account-management/**/*.md"],"excludeFiles":[]},{"title":"Databoards","includeFiles":["docs/databoards/**/*.md"],"excludeFiles":[]},{"title":"Data Management","includeFiles":["docs/data-management/**/*.md"],"excludeFiles":[]},{"title":"Metrics","includeFiles":["docs/metrics/**/*.md"],"excludeFiles":[]},{"title":"Forecasts","includeFiles":["docs/forecasts/*.md"],"excludeFiles":[]},{"title":"Goals","includeFiles":["docs/goals/*.md"],"excludeFiles":[]},{"title":"Reports","includeFiles":["docs/reports/*.md"],"excludeFiles":[]},{"title":"Notifications","includeFiles":["docs/notifications/*.md"],"excludeFiles":[]},{"title":"Pricing and Billing","includeFiles":["docs/pricing-and-billing/*.md"],"excludeFiles":[]},{"title":"Mobile","includeFiles":["docs/mobile/*.md"],"excludeFiles":[]},{"title":"Support","includeFiles":["docs/support/*.md"],"excludeFiles":[]},{"title":"Integrations","includeFiles":["docs/integrations/**/*.md"],"excludeFiles":[]}],"hide":false,"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"understanding-the-heatmap-visualization","__idx":0},"children":["Understanding the Heatmap visualization"]},{"$$mdtype":"Tag","name":"Availability","attributes":{"users":"users","accounts":"all","plans":"all"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The Heatmap visualization presents data in a color-coded grid format, allowing users to easily identify patterns, trends, and seasonality over different time periods such as days, weeks, or months. By using color gradients, it effectively highlights variations in metric values or frequencies, making it an invaluable tool for analyzing large datasets at a glance."]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/understanding-the-heatmap-visualization_1.4837c6a03376b25e7f11980420858827162ba2a5f27e62accbcf9ae422728d3b.b1263dd6.png","alt":"heatmap","withLightbox":true,"className":"ss-img","style":"margin-top: 10px"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"features","__idx":1},"children":["Features"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The following key functionalities are offered by the Heatmap visualization:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["A dynamic grid is displayed based on the selected granularity."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Value visibility can be toggled on or off for enhanced clarity."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["The number of tiles per row can be customized to fit layout preferences."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/annotate-your-charts"},"children":["Annotations"]}," can be added to mark key events directly on the chart."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"considerations","__idx":2},"children":["Considerations"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["The color gradient is based on the selected color theme."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["For daily grids, the first column reflects the first day of the selected period."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Comparison values and percentages are displayed only when hovering over the tiles."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["This visualization displays data for only one metric or dimension at a time."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"use-cases","__idx":3},"children":["Use Cases"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The Heatmap visualization is particularly useful in various contexts, including:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Sales Performance Analysis"]},": Identifying sales trends across different time periods, helping teams understand peak sales days or weeks."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Website Traffic Monitoring"]},": Analyzing user engagement on a website over time to determine which days or times drive the most traffic."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Customer Support Metrics"]},": Spotting patterns in support ticket volume across different days of the week, aiding in resource allocation."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[" "]},{"$$mdtype":"Tag","name":"Cards","attributes":{"columns":4,"cardMinWidth":160},"children":[{"$$mdtype":"Tag","name":"FooterCard","attributes":{"title":"Ask Genie","icon":"genie","to":"https://app.databox.com/genie","variant":"elevated"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Get instant answers or help with your data using the in-app AI assistant."]}]},{"$$mdtype":"Tag","name":"FooterCard","attributes":{"title":"Talk to an expert","icon":"assistance","to":"https://meetings.hubspot.com/databox-meeting/account-management","variant":"elevated"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For customers: Get help with your setup, strategy, or making the most of Databox."]}]},{"$$mdtype":"Tag","name":"FooterCard","attributes":{"title":"Book a demo","icon":"eye-open","to":"https://meetings.hubspot.com/databox-meeting/ref-knowledge-base","variant":"elevated"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["New to Databox? See how it works and get guidance on getting started."]}]},{"$$mdtype":"Tag","name":"FooterCard","attributes":{"title":"Send an email","icon":"help","to":"mailto:help@databox.com","variant":"elevated"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Reach out to support for help with your account, data, or technical issues."]}]}]}]},"headings":[{"value":"Understanding the Heatmap visualization","id":"understanding-the-heatmap-visualization","depth":1},{"value":"Features","id":"features","depth":2},{"value":"Considerations","id":"considerations","depth":2},{"value":"Use Cases","id":"use-cases","depth":2}],"frontmatter":{"slug":"understanding-the-heatmap-visualization","seo":{"title":"Understanding the Heatmap visualization","description":"Discover how the Heatmap visualization helps analyze data trends and patterns through a color-coded grid layout for enhanced data insights."},"keywords":{"includes":["heatmap","heat map chart","how to use heatmap visualization in Databox","Databox heatmap features","identify trends by time period heatmap","color-coded data grid analytics"]},"metadata":{"userRole":"Users, Editors, and Admins","accountType":"All accounts","plan":"All subscription plans"}},"lastModified":"2026-05-01T13:07:02.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/understanding-the-heatmap-visualization","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}