Sequence Diagram

Sequence diagram: participants, lifelines, calls and responses. Pro · Charts and analytics › Diagrams

Installation

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 — Auto-laid-out flowchart: steps, decisions, edge labels
Line Chart — Line charts
Bar Chart — Bar charts
Area Chart — Filled area charts
Scatter Chart — Scatter and bubble charts with a trend line
Sparkline — Tiny inline charts
Confidence Band Chart — Forecast with confidence intervals and outliers, keyboard-readable points
Candlestick Chart — Stock candlesticks with volume and moving averages
Donut Chart — Donut charts
Treemap — Hierarchies as areas, with drill-down
Funnel Chart — Conversion funnels
Sankey Chart — Flow diagrams between stages