Skip to the collection

Public vault · flows

Plausible — drill into a traffic source

[model draft]Clicking any source row filters the entire single-page dashboard in place and pins a removable filter chip in the top bar; opening the period menu exposes single-key shortcuts for every date range.

  1. Step 1 of 3

    Plausible — live demo dashboard
    • grid/layout · model draftSix KPIs across the top as a strip of label, number and delta, one graph below, then paired tables (sources | pages). The whole product is one scroll.
    • copywriting · model draftThe demo is the real dashboard for plausible.io with live numbers, linked from the marketing site. The product is its own screenshot.
    • color · model draftOne purple tints the graph and the selected KPI; everything else is zinc greys. Colour means 'the series you are looking at'.
    plausible.io/plausible.io
  2. Step 2 of 3

    Plausible — filtered to one source
    • component pattern · model draftClicking a row in a table becomes a filter chip ('Source is Google') next to the site name, and every number on the page re-scopes. Drill-down needs no query builder.
    • motion/interaction · model draftThe filter lives in the URL (?f=is,source,Google), so a drilled view is a link someone can share or bookmark.
    plausible.io/plausible.io?f=is,source,Google
  3. Step 3 of 3

    Plausible — period picker
    • component pattern · model draftThe period menu lists named ranges (Today, Last 7 days, Month to date, Last 12 months, All time) with a single-letter shortcut on each row, and custom range last.
    • grid/layout · model draftThe menu drops over the graph's right edge and leaves the KPIs visible, so you can see what will change as you choose.
    plausible.io/plausible.io?f=is,source,Google

Agents get the same order from get_reference: any screen's reply names the flow and every step in it.