Data display

Owner rule

Tables and lists sit only on the @krizaka/* facades (ADR-001).

Size budget

72.0 kB gzip for the whole domain; it only goes down.

Entries

40 entries, 8 used by live products and sites.

• CountdownThe time left until a moment, in tabular figures, turning urgent under a threshold.
• StatA key figure: a label, a value in tabular digits, a hint and a trend said in words.18 files import it
• Activity feedBetaWhat happened, newest first: grouped by day, runs folded (“×3”), “2 min ago” kept fresh, new events announced — and Timeline, one thing's history on a rail.1 files import it
• Area chartBetaA volume over time: a line over a soft wash, or stacked areas whose parts add up to a total.
• Bar chartBetaAmounts compared across categories: grouped, stacked or horizontal bars, each value written at its tip.
• Calendar heatmapBetaOne cell a day over a year, weeks in columns, in one sequential hue: streaks, rhythms and gaps at a glance.
• CandlestickBetaOpen, high, low and close per period, rising candles hollow and falling ones filled, the volume in its own panel, zoom and thresholds.
• Chart (ECharts option)BetaAny ECharts option on the Krizaka frame: the theme resolved from the tokens, the lazy engine, the states, the table, the keyboard, the export.
• Chart cardBetaThe frame of a chart: title, one line of insight, the chart, a footer, and the actions menu (view as table, download, copy) — used everywhere a chart is shown.
• Charts providerBetaThe locale, the brand palette and the words of every chart below it, set once; plus the sliding window for live data.
• Credit usageBetaWhat is left of an allowance: the remaining amount in large, a meter that turns to warning then danger, the use per day and the day it runs out.
• Data tableBetaA table of records on TanStack Table v9 — sort, filters and facets, groups, details, pages, selection, column visibility, pinning and resizing — in the browser or on the server, cards on a phone, windowing for long lists.60 files import it
• Description listBetaFacts about one thing as term and value: stacked, inline like a receipt, or a grid of key figures (KeyValueGrid).18 files import it
• Earnings chartBetaEarnings per period in money: the bars of the net amount, the total and the last period's change written above, the payout threshold as a line.
• FunnelBetaStages that lose people on the way, with the conversion from each stage to the next and from the first written beside it.
• GaugeBetaOne value against its range on a 240° arc: zones that change its tone, a target tick, the value written in the middle.
• Generated view catalogBetaKpiStat and ChartCard as entries of the data-driven UI catalog (A2UI v0.9): a model's answer draws figures and charts from data, never code.
• Geo mapBetaWhere: a world choropleth in one sequential hue, bubbles on places, country names in the reader's language — plain SVG, the world loaded on demand.
• GlobeBetaThe world as a lit 3D sphere — places, great-circle arcs, tinted regions — turning slowly while on screen, dragged by hand, in SVG without WebGL.
• Goal gaugeBetaA goal counted in steps — 6 of 10 backers, 3 dares done, 3 seats left: a meter whose reached steps light one by one (or whose spent ones drain) when its chapter plays.
• Goal progressBetaA pot towards its goal, in money: an arc that fills, “raised of $500” under the amount, the supporters and the time left.
• HeatmapBetaA measure across two dimensions — activity by weekday and hour — in one sequential hue, with a step legend.
• Job throughputBetaJobs per period stacked by status, with the total and the success rate of the finished jobs written above.
• KPI statBetaA key figure with its change against the previous period and a sparkline of the period, on the kit's Stat.
• Latency chartBetaMedian and 95th-percentile latency per item, in the unit that fits (ms, s, min), against a service objective.
• Line chartBetaChange over time: one line per series, the last value written at its end, thresholds, markers and a crosshair tooltip.
• ListBetaRecords read top to bottom — a leading visual, a title and a line, details and actions beside — dense or comfortable, selectable, windowed when long.12 files import it
• Meta rowBetaOne quiet line of facts about a thing, separated by dots, with optional status chips at its end: the line under a title.
• MeterBetaA measure within a known range — a quota, a balance, a share: thresholds turn it to warning then danger (or the reverse when high is good), and split into parts it becomes a stacked bar or ring with its legend.8 files import it
• Pie and donut chartBetaPart of a whole: slices sorted by size, folded into “Other” past six, each share written in the legend; a donut carries the total in its hole.
• Price tickerBetaA live auction's price: the current bid in large, the change since the opening and the number of bids, the bids as steps, the reserve as a line.
• QR codeBetaA QR code drawn offline from a text: dark modules on a light tile in both themes, with its quiet zone, an accessible name and an optional « copy the link » action.2 files import it
• Radar chartBetaSeveral measures of a few entities at once — models compared on quality, speed, cost — on axes around a centre.
• SankeyBetaFlows between stages — credits from plans to models to outcomes — with widths proportional to the amounts.
• Scatter chartBetaThe relation between two measures, a bubble's area for a third, a colour per group, and the correlation said in words.
• SparklineBetaA word-sized trend without axes — in a stat, a table cell or a sentence — drawn on the server when its width is known.
• Status chipBetaA state of a status set (@krizaka/organize, krizaka-ts#89): its label in the person's language and its tone as a badge; read-only, or a menu of the moves the role may make — a second press to confirm, a reason picked from a list.4 files import it
• Swipeable rowBetaA row whose actions show under a swipe: left for the trailing ones, right for the leading ones, a full swipe runs the outermost.
• TreemapBetaNested parts of a whole as rectangles — storage by project then by kind — a click zooming into a part.
• VirtualBetaLong lists and galleries rendered by what is in view, on TanStack Virtual: a list in its own region or the page's, a grid that fits the width, measured items, the end announced for infinite loading.