Open in AthenaHQ
app.athenahq.ai/heatmapPurpose
The Competitor Heatmap page allows customers to visualize how their brand performs against tracked competitors across various topics. It provides a color-coded grid that makes it easy to spot visibility gaps, competitive strengths, and overall market position at a single glance. By toggling between metrics like Mention % and Citation %, marketers can quickly diagnose whether they are being talked about in AI responses (Mention) or actively linked to as a source (Citation). It condenses thousands of AI responses into a highly readable, comparative dashboard. This page fits into a customer’s workflow when they need to report on high-level competitive intelligence, identify specific topics where competitors are winning share of voice, and prioritize which topics require more optimization effort.What’s on the page
Page Header Displays the title “Competitors vs Topics Heatmap”. Filter Row A persistent bar at the top containing:- Metric Toggles: Two tabs (“Mention %” and “Citation %”) that determine which metric is displayed inside the heatmap cells and used for color-coding.
- Filter Bar: A standard contextual filter builder to narrow down the data shown in the heatmap.
- Saved Views: A dropdown to save the current filter combination or load a previously saved one.
- More Options Menu (⋯): An overflow menu containing the Export action.
- Rows: Represent the topics your brand tracks, sorted alphabetically.
- Columns: Represent the tracked entities. Your Brand is always pinned to the first column (highlighted in indigo), followed by your competitors (sorted alphabetically by default).
- Cells: Show the selected metric’s percentage value formatted to one decimal place (e.g., “42.3%”). The color intensity scales from light to dark based on how high the value is. Hovering over a cell dims all other rows and columns to help the user focus, and a tooltip appears showing the metric value and a comparison to the brand’s baseline.
What you can do here
- Toggle the metric: Click “Mention %” or “Citation %” in the tabs above the filters to instantly recalculate and recolor the entire heatmap grid.
- Apply Filters: Add or adjust filters in the filter bar. The heatmap updates immediately to reflect the new criteria.
- Sort by column: Click on any column header (Brand or a Competitor) to sort the rows based on that column’s metric values. Clicking cycles through descending, ascending, and unsorted.
- Reorder columns: Click and drag a column header left or right to manually reorder how competitors appear.
- Pin/Unpin a column: Hover over a column header and use the context menu to pin it. Pinned columns snap to the left side (just after Your Brand), are visually highlighted, and stay visible as you scroll horizontally. You can unpin them at any time.
- Drill down into a cell: Click any filled heatmap cell to drill down. This takes you directly to the Prompts page, automatically applying filters for the clicked Topic and (if you clicked a competitor’s cell) the clicked Competitor, so you can see the exact AI responses driving that score.
- Export to CSV: Click the three-dot (⋯) menu in the top right of the filter bar (or the “Export CSV” button in the mobile overflow menu) and select Export. This downloads the current, filtered heatmap data in the exact column order you’ve arranged on screen. Note: Data export requires a paid subscription plan. If a free-plan user clicks this, they will be shown an upgrade dialog instead of the download.
- Save / Load / Manage Views: Open the Saved Views dropdown to save your current filter layout, load a past view, rename an existing view, or permanently delete one.
- Clear All Filters: Click “Clear All” in the filter bar to remove all non-default filters.
- Add Competitor: If you have no competitors, click the “Add Competitor” button in the blank state to navigate to the Competitors page and set them up.
Data shown
- AI Responses & Metrics: The percentages (Mention or Citation) are calculated from the AI model responses collected for the prompts your brand actively tracks.
- Topics: The row labels are pulled from the topic categorizations you have configured for your prompts.
- Competitors: The columns reflect the competitors you are currently tracking.
- Logos: Company logos displayed in the column headers are fetched securely based on the brand’s and competitors’ domains.
Common workflows
1. Compare brand vs competitor topic coverage- Navigate to the Heatmap page.
- Add filters for specific AI Models or Date Ranges you want to analyze.
- Toggle between the “Mention %” and “Citation %” tabs to see the data from different angles.
- Scan the color-coded grid for dark cells in competitor columns, these highlight topics where competitors are outperforming your brand.
- Click a specific cell to jump to the Prompts page and read the exact AI responses where that competitor was mentioned for that topic.
- Click the “Filter…” bar and select the “Competitors” filter.
- Choose only the two or three competitors you care about.
- The heatmap will instantly hide the others, making the grid easier to read and compare.
- Hover over a key competitor’s column header and click the pin icon.
- The competitor jumps to the left side of the grid, locking in place next to Your Brand.
- Drag and drop remaining column headers to group similar competitors together.
- Apply all desired filters and arrange your columns.
- Click the ”⋯” menu on the right side of the filter bar.
- Click “Export”. (If on a paid plan, the file downloads immediately. If on a free plan, you’ll be prompted to view plans).
Empty, loading, and error states
- Empty (No Competitors): If no competitors have been tracked yet, users see a blurred mock table overlaid with a card prompting them to “Add Competitor”.
- Empty (No Data from Filters): If the applied filters yield no results, the heatmap area displays the text “No data available for the selected filters.” The footer also reads “No topics or competitors to display”.
- Loading: While data is actively being fetched, a large animated loading spinner appears centered in the empty heatmap area.
- Error: There are no explicit red error banners; if the data fetch fails, the page gracefully falls back to showing the “No data available” state.
Linked from / links to
- Linked from: Users arrive here by clicking “Heatmap” in the main left-hand navigation sidebar.
- Links to: Clicking a cell takes users to the
/promptspage. Clicking “Add Competitor” takes users to the/competitorspage.