Can build a flowchart

Users
1

I want to build a flow chart like the one below. Is there a way to do this using bpmn.io?
image

Thank you and I hope to receive your assistance.

2

While bpmn.io does not have a specific flowchart modeler, you can use diagram-js to build such a solution.

3

@barmac Does it support features like BPMN, such as drag-and-drop palettes and creating a context menu?

4

bpmn-js is based on diagram-js as you can see in the walkthrough: bpmn-js walkthrough | Toolkits | bpmn.io
The general idea behind this is that the diagramming features (including context pad and palette) are implemented in diagram-js while BPMN parts are in bpmn-js.

5

@barmac
Could you guide me on how to create a flow chart with Diagram JS? I’ve looked into an example at diagram-js-examples/editor at master · bpmn-io/diagram-js-examples · GitHub, but when I start it, I don’t see the items as shown below.
image

6

Currently, when I run it, it’s showing the error below. I would greatly appreciate your assistance.

image
image1918×666 34.7 KB

7

I added “https://unpkg.com/bpmn-js@7.2.0/dist/assets/diagram-js.css” and it worked

8

Sorry for asking you so many questions.
Could you please provide the documents for creating flowchart shapes using diagram-js? I’m currently relying on the diagram-js-example, but it hasn’t made much progress yet

9

AFAIK there is no such documents, but you can look up BpmnRenderer in bpmn-js repo to see how shapes are created in the tools.