> ## Documentation Index
> Fetch the complete documentation index at: https://docs.theoptimizer.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Widget Types

> The thirteen widget types available on a dashboard — what each one shows, and the question it is best at answering.

Every dashboard is built from widgets. Each widget is configured independently: its own title, its own ad network, its own metric and its own display options. This page covers what each type does and when to reach for it.

All widgets respect the board-level date range, so each one shows its delta against the previous period.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-gallery.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=61bef04da7dc35c963a44987fa6b1d45" alt="Dashboard Widget Gallery" width="1176" height="1022" data-path="images/dashboard-widget-gallery.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-gallery-more.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=2e6d9291e23394f023f23d9356c5bf72" alt="Dashboard Widget Gallery Continued" width="1176" height="1022" data-path="images/dashboard-widget-gallery-more.png" />
</Frame>

***

## KPIs

### KPI

One headline number with its delta and a trend line. Use it for the figures you want to read without interpreting anything — spend, revenue, ROI, profit.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-kpi.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=4ef9d9bb2705c83ba67a14371651cf60" alt="KPI Widget" width="1568" height="179" data-path="images/dashboard-widget-kpi.png" />
</Frame>

Best at: *"Is today on track?"*

### Ad Account Performance

A single ad account with its live status and a selectable set of metrics. The status is the point — it makes a billing or policy problem obvious before it costs you delivery.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-ad-account.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=e2be95c896f375a07b157585d581e190" alt="Ad Account Performance Widget" width="1400" height="636" data-path="images/dashboard-widget-ad-account.png" />
</Frame>

Best at: *"Is this specific account healthy right now?"*

***

## Charts

### VS Chart

Two or more metrics over time, the second on its own axis, so you can see whether a pair moves together or apart. Rendered as bar, stacked bar, stacked 100%, line, area or combo — use stacked variants when you care about composition over time, and combo when you want a rate plotted against a volume.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-vs-chart.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=2c24ddcb2593e8cefec1758c8f74aefd" alt="VS Chart Widget" width="1568" height="619" data-path="images/dashboard-widget-vs-chart.png" />
</Frame>

Best at: *"How has this moved over the period?"*

### Donut

Share of a total split across a small number of categories, with an optional centre total — spend or conversion share by channel, platform or campaign type.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-donut.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=497fed7b93f06d6ebbd27bdda27001d7" alt="Donut Widget" width="1392" height="740" data-path="images/dashboard-widget-donut.png" />
</Frame>

Best at: *"Where is the budget actually going?"*

### Funnel

Stage-by-stage volumes with each stage's share of the first — impressions → clicks → leads → sales. Runs left to right by default, or stacked top to bottom.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-funnel.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=7ae90aa564bee738e77283be68a9d985" alt="Funnel Widget" width="1400" height="632" data-path="images/dashboard-widget-funnel.png" />
</Frame>

Best at: *"Which step is leaking?"*

### Heatmap

Value intensity across two dimensions as a colour-graded grid — day-of-week against hour-of-day, shaded by intensity.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-heatmap.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=b5bf8d8224323d66f620537790023fa9" alt="Heatmap Widget" width="1501" height="812" data-path="images/dashboard-widget-heatmap.png" />
</Frame>

Best at: *"When do conversions actually happen?"* — this is the widget to build a dayparting decision on, because it uses your own curve rather than a rule of thumb.

***

## Tables & Lists

### Ranked List

Top or bottom N rows ordered by a metric, with ranks, inline bars and deltas, and optional further metrics per row.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-ranked-list.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=61302c6ee06eacdcd063e7afda798fbc" alt="Ranked List Widget" width="1392" height="632" data-path="images/dashboard-widget-ranked-list.png" />
</Frame>

Best at: *"What should I scale, and what should I kill?"*

<Tip>
  Pin a Ranked List to a single ad network. A top 5 pinned to Facebook is a real top 5 of Facebook; unpinned, you get the global top 5 which may simply contain some Facebook rows.
</Tip>

The same widget works on ad accounts rather than campaigns — a quick read of where the money is concentrated:

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-ranked-list-accounts.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=03c1fe9203ac992d99b9f426d18301c7" alt="Ranked List by Ad Account" width="1400" height="740" data-path="images/dashboard-widget-ranked-list-accounts.png" />
</Frame>

### Breakdown

Many metrics across rows of any dimension — ad network, ad account, campaign — displayed either as a list or as a sortable table with a totals row.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-breakdown.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=605df2c27d8fc3ad4823861a20f615d8" alt="Breakdown Widget" width="1568" height="389" data-path="images/dashboard-widget-breakdown.png" />
</Frame>

Best at: *"Show me everything about this dimension at once."* For a leaderboard shape with ranks and bars, use the Ranked List instead.

### Double Breakdown

One dimension broken into a second, side by side: pick any level and any level nested inside it — a network into its accounts, campaigns or ads, an account into its campaigns or ads, a campaign into its ads.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-double-breakdown.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=a123c0c883b97dd331d981e40313ec5f" alt="Double Breakdown Widget" width="1568" height="411" data-path="images/dashboard-widget-double-breakdown.png" />
</Frame>

Best at: *"How does this split once I go a level deeper?"*

***

## Specialized

### Ad

The actual creative, drawn in its own platform's chrome — a Facebook post, a TikTok in-feed video, a Google result, a native recommendation — with its metrics alongside. It opens on the best ad by the metric it is sorted on and pages through the rest.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-ad.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=767b5c7cf714d28fcd4e2541e84e33d3" alt="Ad Widget" width="696" height="1136" data-path="images/dashboard-widget-ad.png" />
</Frame>

Best at: *"Which creative is carrying this, and what does it look like?"*

### Account Issues

Ad accounts flagged with issues by their own network, each with the network logo, account name and the reported problem. It shows an all-clear state when nothing needs attention.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-account-issues.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=94ab8ecc427cf9065946e90b43ea019d" alt="Account Issues Widget" width="1392" height="636" data-path="images/dashboard-widget-account-issues.png" />
</Frame>

Best at: *"Is anything about to stop spending without telling me?"*

<Note>
  Account Issues reflects what the ad network itself reports. It complements, rather than replaces, the alerts covered in [Notifications](/account-settings/notifications).
</Note>

***

## Layout & Notes

### Text

A freeform block for notes, context or commentary, placed anywhere on the grid. Useful on client boards for explaining what a section means or flagging a known anomaly in the period.

<Frame>
  <img src="https://mintcdn.com/theoptimizer/ePr9imkxktoLtCra/images/dashboard-widget-text.png?fit=max&auto=format&n=ePr9imkxktoLtCra&q=85&s=6f12e629c30f023e3db342b8bc098676" alt="Text Widget" width="704" height="516" data-path="images/dashboard-widget-text.png" />
</Frame>

### Section Header

A titled divider that splits a long board into named, readable bands. Rename it in place once it is added.

***

## Choosing between similar widgets

| If you want to…                       | Use                    |
| ------------------------------------- | ---------------------- |
| Read one number fast                  | KPI                    |
| See a number change over time         | VS Chart               |
| Rank things against each other        | Ranked List            |
| See composition of a total            | Donut                  |
| Compare many metrics on one dimension | Breakdown              |
| Split one dimension by another        | Double Breakdown       |
| Find the time-of-day pattern          | Heatmap                |
| Find the drop-off step                | Funnel                 |
| Judge a creative                      | Ad                     |
| Watch one account's health            | Ad Account Performance |
