getdeck
← Back to listdiagram-metric-tree
✦layout.md

Diagram - Metric Tree.

A metric tree (value driver tree) that decomposes one north star metric left-to-right across three levels as an arithmetic identity. The 80px north star figure sits in the left 28%, an `=` glyph follows, three level-1 drivers are joined by `×`, and each driver branches across a tick rule into two team-owned input metrics. The operators are actually printed on the connectors and the full identity runs along the bottom, so the structure reads as a formula rather than a category grouping.

🔗 Markdown URL

https://getdeck.co/api/md/diagram-metric-tree--cobalt-grid.md?lang=en&key=YOUR_KEY

Fetching your key...

⚡ MCP install command

Client

claude mcp add --transport http getdeck https://getdeck.co/api/mcp --header "Authorization: Bearer gd_..."

Fetching your key...

Paste this into your terminal to connect your local AI agent to getdeck.

Upgrade to Pro for more powerful MCP access →

02

Preview

01

Overview

Best for: ARR decomposition in a B2B SaaS growth review, pinpointing the growth lever in a fundraising deck, a value driver tree in a consulting proposal, sharing the metric hierarchy in an OKR design workshop

Use: When one slide has to prove which formula a north star metric decomposes into, and which term moves the number above it. Use it when you also need to descend to level 2, the inputs a team directly controls. The operators are printed, so the figures have to actually add and multiply up.

Avoid: Use problem-root-cause for a causal narrative where causes converge on a problem, diagram-decision-tree when conditions branch to mutually exclusive conclusions, diagram-layered-stack for categorical stacked tiers, and diagram-pyramid-hierarchy when area encodes the hierarchy. For an additive bridge between two points in time use chart-waterfall-bridge, and for three unrelated parallel figures use content-stat-typescale. Beyond five drivers, or more than three leaves per driver, the type drops under the legibility floor, so split the levels across two slides.

CategoryDiagram
DensityMedium
Text Budget200 chars
EmphasisStat
PositionMiddle
03

Theme

Based on the currently selected theme Cobalt Grid. Switching the theme in the sidebar updates this section too.

SchemeLight
Best forAcademic reports, trend reports, design research, agency capabilities
Avoid forCasual, colorful presentations
04

Slots (30)

label
Label
Top category label (e.g. METRIC TREE)20 chars
titleRequired
Aa
Single-line action title stating the conclusion26 chars
northstar_label
Label
North star block label (e.g. NORTH STAR)14 chars
northstar_nameRequired
Label
Level 0 metric name16 chars
northstar_valueRequired
128%
Level 0 value (the 80px focal figure)10 chars
northstar_delta
Level 0 year-over-year change, one line24 chars
driver1_nameRequired
Label
Level 1 driver A metric name14 chars
driver1_valueRequired
128%
Level 1 driver A value10 chars
d1_input1_nameRequired
Label
Driver A input metric 1 name14 chars
d1_input1_valueRequired
128%
Driver A input metric 1 value9 chars
d1_input2_nameRequired
Label
Driver A input metric 2 name (preceded by an operator glyph)14 chars
d1_input2_valueRequired
128%
Driver A input metric 2 value9 chars
op1Required
Label
Operator glyph between drivers A and B (× ÷ +)2 chars
driver2_nameRequired
Label
Level 1 driver B metric name14 chars
driver2_valueRequired
128%
Level 1 driver B value10 chars
d2_input1_nameRequired
Label
Driver B input metric 1 name14 chars
d2_input1_valueRequired
128%
Driver B input metric 1 value9 chars
d2_input2_nameRequired
Label
Driver B input metric 2 name14 chars
d2_input2_valueRequired
128%
Driver B input metric 2 value9 chars
op2Required
Label
Operator glyph between drivers B and C (× ÷ +)2 chars
driver3_nameRequired
Label
Level 1 driver C metric name (the emphasized lever)14 chars
driver3_valueRequired
128%
Level 1 driver C value (the accent emphasis point)10 chars
d3_input1_nameRequired
Label
Driver C input metric 1 name16 chars
d3_input1_valueRequired
128%
Driver C input metric 1 value9 chars
d3_input2_nameRequired
Label
Driver C input metric 2 name14 chars
d3_input2_valueRequired
128%
Driver C input metric 2 value9 chars
identityRequired
Full identity footnote in mono (the formula the whole tree draws)40 chars
basis
One-line footnote on the basis and what level 2 contains44 chars
company
Label
Company name (footer)20 chars
page
Label
Page number5 chars
05

Style Knobs (2)

Emphasized driver value colorcolor
coloraccent / ink / accent-soft
Emphasized branch rule colorcolor
border-left-coloraccent / accent-soft / border-strong
06

Used in these deck templates

Not used in any deck template yet.