# XWUINotationThumb

A small drawing of one workflow in a given notation: node graph, flowchart, swimlanes, BPMN, UML sequence, state machine, Petri net, SIPOC boxes, decision tree, timeline, flow as code, list, or 3D layers. Steps are coloured by named hue.

`notation` takes a notation id (bpmn, uml-sequence, state-machine, dfd, decision-tree, ...); unknown ids draw the node graph. Swimlane names (`lanes`), sequence participants (`actors`) and the other words a drawing prints (`words`) are data, with neutral defaults. The drawing is one SVG image named by `label`.

## BasicUsage

An order flow as BPMN.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: BasicUsage
description: An order flow as BPMN.
```

## Sequence

The same flow as a sequence diagram with named participants.

```example
file: examples/Sequence.ts
html: examples/Sequence.html
title: Sequence
description: The same flow as a sequence diagram with named participants.
```

```api
```