ValyroUI English version

Cohort Retention Matrix

Удержание по когортам: тепловая таблица, средние, аномалии и заметки. Pro · Графики и аналитика › Карты и матрицы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add cohort-retention-matrix
npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { CohortRetentionMatrix } from 'valyro-ui-pro';

Пропсы

PropTypeDefault
cohorts *Cohort[]Cohorts, oldest first, with active users per period.
periodsstring[]Column names; default labels.period(i) (M0, M1, …).
metric'percent' | 'count'Show retention as a share or as users.
defaultMetric'percent' | 'count''percent'Initial metric when uncontrolled. Default percent.
onMetricChange(metric: CohortMetric) => voidCalled when the reader switches the metric.
notesCohortNote[]Notes on cohorts or cells: a release, a price change, a tracking outage.
anomalyThresholdnumber2How unusual a cell must be (in standard deviations from its period) to be flagged. Default 2.
onCellSelect(cohort: Cohort, period: number) => voidCalled when the reader selects a cell.
loadingbooleanfalseData is loading: skeleton.
errorReactNodeLoading failed: shown instead of the table.
titleReactNodeHeading. Default: labels.title.
headingLevel2 | 3 | 4 | 53Level of the heading (default 3).
localestringBCP 47 locale for numbers; defaults to the ThemeProvider's.
labelsPartial<Omit<CohortRetentionMatrixLabels, 'anomalies'>> & { anomalies?: Partial<Record<CellAnomaly, string>> }Overrides for the built-in English text; keys left out keep their defaults.

Похожие компоненты

  • Heatmap — Тепловые карты
  • Map Chart — Карта мира: хороплет и точки, зум и панорамирование
  • Tile Map — Лёгкая карта на тайлах: метки, маршрут, всплывающие карточки, зум
  • Line Chart — Линейные графики
  • Bar Chart — Столбчатые диаграммы
  • Area Chart — Графики с заливкой
  • Scatter Chart — Точечные и пузырьковые диаграммы с линией тренда
  • Sparkline — Мини-графики
  • Confidence Band Chart — Прогноз с доверительными интервалами и выбросами, точки читаются с клавиатуры
  • Candlestick Chart — Биржевые свечи с объёмами и скользящими средними
  • Donut Chart — Кольцевые диаграммы
  • Treemap — Иерархии площадями с переходом по уровням

Назад: Tile Map · Далее: Flow Diagram · Весь раздел «Графики и аналитика»