Skip to content
Development
Skill

/formatting-insight-axes

Pick the right y-axis unit when creating or updating an insight via `posthog:insight-create` or `posthog:insight-update` — both TrendsQuery (`trendsFilter.aggregationAxisFormat`) and SQL insights (`DataVisualizationNode`, `chartSettings.yAxis[].settings.formatting`). Use when

From plugin
ai-plugin
95180 skills1 agent3 commands3 hooks
+1

Claude Code

$ npx -y skills add PostHog/ai-plugin --skill formatting-insight-axes --agent claude-code

SKILL.md

formatting-insight-axes.SKILL.md
name: formatting-insight-axes
description: >
  Pick the right y-axis unit when creating or updating an insight via
  `posthog:insight-create` or `posthog:insight-update` — both TrendsQuery
  (`trendsFilter.aggregationAxisFormat`) and SQL insights
  (`DataVisualizationNode`, `chartSettings.yAxis[].settings.formatting`).
  Use when the agent is about to add a `formula` purely to convert units
  (e.g. dividing seconds by 60 to display minutes), when a `math_property`
  or SQL column is a duration, currency, ratio, or large count, or whenever
  the user mentions "format the y-axis", "duration", "seconds", "minutes",
  "hours", "milliseconds", "ms", "percentage", "%%", "currency", "decimals",
  "axis label", or "axis unit" in the context of a graph insight.

Formatting insight axes

PostHog renders insights with a built-in axis formatter. Use it instead of contorting the query or a literal prefix/postfix to fake units.

The two insight kinds configure it in different places:

  • **TrendsQuery** — `trendsFilter.aggregationAxisFormat` (this page, below)
  • **SQL insights** (`DataVisualizationNode`) — per-column

`settings.formatting` (see [SQL insights](#sql-insights-datavisualizationnode))

The anti-pattern

If you are reaching for any of these, stop and pick a format below first:

  • `formula: "A / 60"` with `aggregationAxisPostfix: " mins"` — manual seconds -> minutes
  • `formula: "A / 1000"` with `aggregationAxisPostfix: " s"` — manual ms -> seconds
  • `formula: "A * 100"` with `aggregationAxisPostfix: "%"` — manual ratio -> percent
  • `aggregationAxisPostfix: "ms"` / `"s"` / `"min"` / `"hr"` on raw values

These freeze the unit at one scale. The built-in formatter picks a friendly unit per value (1.5s, 2m 12s, 1h 4m) and keeps the underlying series numerically correct for further math, breakdowns, and alerts.

Available formats

Set `trendsFilter.aggregationAxisFormat` on the TrendsQuery:

| Value | Use when the series is... | Renders as | | ------------------- | ---------------------------------------- | --------------------------- | | `numeric` (default) | a plain count | `1,234` | | `duration` | **seconds** (any scale) | `45s`, `2m 12s`, `1h 4m` | | `duration_ms` | **milliseconds** | `850ms`, `1.5s`, `1m 4s` | | `percentage` | already 0-100 | `47.3%` | | `percentage_scaled` | a ratio 0-1 | `47.3%` | | `currency` | money in the **project's base currency** | `$1,234.56` (or local code) | | `short` | large counts you want compacted | `1.2K`, `3.4M` |

Companion fields on `trendsFilter`:

  • `aggregationAxisPrefix` — literal prefix (e.g. `"$"`) when you need a symbol

pinned to a specific currency or unit, regardless of project settings

  • `aggregationAxisPostfix` — literal suffix; reserve for genuine units the

format can't express (e.g. `" req"`, `" events"`), never for `"mins"` / `"s"` / `"%"` — the percentage formats already append the `%` sign, so a `"%"` postfix renders `50%%`

  • `decimalPlaces` — cap decimals (1 or 2 is usually right for currency / ratios)

Currency — pick `format` or `prefix` carefully

`aggregationAxisFormat: "currency"` renders with the **project's base currency** (set in project settings, defaults to USD). Use it when the underlying values are in that same currency — e.g. revenue events that PostHog auto-converts to the project's base currency.

If the values are pinned to a specific currency regardless of project (e.g. `$ai_total_cost_usd` is always USD, even on a EUR-base project), use `aggregationAxisPrefix: "$"` + `decimalPlaces: 2` so the symbol matches the data. Using `format: "currency"` here would render USD values with `€` on a EUR project.

When the series is in seconds

If the series is in seconds (latency, session length, time-to-first-event, processing time, page load, etc.), silently default to `aggregationAxisFormat: "duration"`. Do not stop to ask — the formatter is non-destructive (the underlying values stay in seconds either way, only the labels change), so picking it is always at least as good as raw seconds.

Only confirm with the user when they have **explicitly** named a fixed unit they want pinned ("show this in minutes", "graph the average in hours"):

> "I can pin the y-axis to minutes by dividing the series by 60, or use > PostHog's `duration` formatter which auto-picks seconds / minutes / hours > per value — `90s` renders as `1m 30s` and `5400s` as `1h 30m`. Which would > you prefer?"

In one-shot MCP contexts where no user is in the loop, just pick `duration` and move on.

Examples

Latency — duration in milliseconds

{
  "kind": "TrendsQuery",
  "series": [
    {
      "kind": "EventsNode",
      "event": "$pageview",
      "math": "p95",
      "math_property": "$performance_page_loaded"
    }
  ],
  "trendsFilter": {
    "aggregationAxisFormat": "duration_ms"
  }
}

Average session length — duration in seconds

{
  "kind": "TrendsQuery",
  "series": [
    {
      "kind": "EventsNode",
      "event": "$pageleave",
      "math": "avg",
      "math_property": "$session_duration"
    }
  ],
  "trendsFilter": {
    "aggregationAxisFormat": "duration"
  }
}

Revenue — currency in the project's base currency

{
  "trendsFilter": {
    "aggregationAxisFormat": "currency",
    "decimalPlaces": 2
  }
}

Fixed-currency value (e.g. LLM cost in USD) — pin the symbol

{
  "trendsFilter": {
    "aggregationAxisPrefix": "$",
    "decimalPlaces": 2
  }
}

Conversion rate — percentage from a 0-1 formula

{
  "kind": "TrendsQuery",
  "series": [
    {
      "kind": "EventsNode",
      "event": "checkout_completed",
      "math": "dau"
    },
    {
      "kind
Read more
@posthog
Ships withai-plugin

Official PostHog plugin for AI clients. Access PostHog products directly from your AI coding tool.

95180 skills1 agent1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
95
Star history of PostHog/ai-plugin on GitHub, a chart by star-history.com

Other skills on ai-plugin.

analyzing-ai-citations

analyzing-ai-citations

Answer AI citation and answer engine optimization (AEO) questions in PostHog: whether AI answer engines (ChatGPT, Claude, and an…

@posthog@posthogInstall Skill

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills10d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc12d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react1d252k
@facebook@facebookInstall Skill

Questions about formatting-insight-axes.

Which coding agents can use formatting-insight-axes?
formatting-insight-axes installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.