Generated view catalog

Web uniquement — React, depuis @krizaka/charts/genui. Bêta : son API peut encore changer à une version mineure.

• Mobile · ✗ à construire. Slice 3 of the data-driven UI epic: the same messages drawn by the native charts. issue #207

Pourquoi il est là. Used by Orazaka.

Installation

npm install @krizaka/charts

import { chartsGenUiCatalog } from "@krizaka/charts/genui";

Exemples

Props

Ce module n'a pas de props de composant : voir l'import et l'aperçu ci-dessus.

Accessibilité

• Each generated chart keeps its title as accessible name, its written summary and its data table, as any chart of the package.

Bonnes pratiques

• Tell the model the catalog and that every number must come from the data it was given: the entries check shapes, not truth.
• Formats are a closed list (number, integer, compact, percent, money with a currency): no free-form format string reaches the chart.

Composants liés

• KPI statA key figure with its change against the previous period and a sparkline of the period, on the kit's Stat.
• Chart cardThe 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.
• Line chartChange over time: one line per series, the last value written at its end, thresholds, markers and a crosshair tooltip.
• Bar chartAmounts compared across categories: grouped, stacked or horizontal bars, each value written at its tip.
• Pie and donut chartPart 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.

Générée depuis le code de @krizaka/ui 3.63.1 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub