Flow Diagram

Блок-схема с автораскладкой: шаги, решения, подписи связей. Pro · Графики и аналитика › Схемы

Установка

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

npm install valyro-ui-pro

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

Prop	Type	Default
`nodes` *	`FlowDiagramNode[]`		Steps and decisions.
`edges` *	`FlowDiagramEdge[]`		Connectors between them; the layout follows their direction.
`direction`	`'right' \| 'down'`	`'right'`	Flow left to right (default) or top to bottom.
`ariaLabel` *	`string`		Accessible name; the diagram is also described as a list of connectors.
`labels`	`Partial<FlowDiagramLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

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