Sequence Diagram

Диаграмма последовательности: участники, линии жизни, вызовы и ответы. Pro · Графики и аналитика › Схемы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add sequence-diagram

npm install valyro-ui-pro

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

Prop	Type	Default
`participants` *	`SequenceParticipant[]`		Actors in column order.
`messages` *	`SequenceMessage[]`		Messages top to bottom. A message to itself draws a loop.
`mirror`	`boolean`	`true`	Repeats the participant boxes under the lifelines. Default true.
`ariaLabel` *	`string`		Accessible name; the diagram is also described as a list of messages.
`labels`	`Partial<SequenceDiagramLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

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