# `Expresso.Element.Diagram.Pele.Flowchart`
[🔗](https://github.com/rellen/expresso/blob/main/lib/expresso/element/diagram/pele/flowchart.ex#L1)

The plan of a flowchart of Pele

| Part | `data-id` | Name |
| --- | --- | --- |
| A node | `web` | `web` |
| A subgraph | `app` | `app` |
| An edge | `L_web_api_0` | `web->api` |
| A second edge between the same ends | `L_web_api_1` | `web->api:2` |
| An edge with an id in the source, such as `web e1@--> api` | `e1` | `e1` |

The ends of an edge and the members of a subgraph come from the model,
because an id such as `L_web_ui_api_0` cannot give its ends safely. The
arrow is `<->` for an edge with a head at each end, `--` for an edge with no
head, and `->` for each other edge. The group of the label of an edge has
the class `pele-edge-label`, so it takes the name of its edge and no marks.

A swimlane diagram and an agent flow have the model of a flowchart, and a
lane or a flow is a subgraph, so this plan names their parts too. Pele draws
a collapsed flow of an agent flow as one node, with no group for its
members, so an edge to a member has the flow as its end.

---

*Consult [api-reference.md](api-reference.md) for complete listing*