Sample components

Every element available for the dashboard, filled with placeholder values. Refer to them by their E-number.

Hero number

One headline figure with context

E1
▲ +12.4%vs prior period
E2KPI tiles: value, change vs prior period, sparkline

Line chart

Trends over time, up to 4 series, hover crosshair

E3

Doughnut + breakdown

Share of a total, up to 5 parts

E4
total

    Column chart + target line

    Compare categories against a goal

    ValueTarget
    E5

    Ranking bars

    Sorted horizontal bars, long labels fit

    E6

    Stacked columns

    Totals split into parts, up to 3 parts

    E7

    Area chart

    A single cumulative or volume series

    E8

    Progress bars

    Progress toward goals or limits

    E9

      Leaderboard

      Top entries with rank and value

      E10

        Status badges & alerts

        States always show an icon or label

        E11
        Pending Active Paid Review Failed
        Information. Neutral message for context.
        Success. An action completed.
        Warning. Something needs attention.
        Error. Something failed.

        Heatmap

        Intensity by two dimensions, e.g. weekday × hour

        LowHigh
        E12

        Data table

        Search, filter, sort by column, pages, CSV export

        E13
        ID Name Group Date Count Amount Status

        Controls & buttons

        Filters and actions

        E14
        Period switch

        Empty & loading states

        Shown while data loads or when there is none

        E15
        No data for this periodTry a different date range.