question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hi, I’ve been gathering some ideas on how to create a new diagram type for BPMN 2.0 following the #177 poll: https://github.com/knsv/mermaid/issues/177#issuecomment-113783249

Naturally, most of the construct is already present in the flowchart diagram as this example demonstrates: image

graph LR
    subgraph pool
        subgraph earn
            Sa0((start))
            Sa1(work)
            Sa2((receive wage))
            
            Sa0-->Sa1
            Sa1-->Sa2
            Sa2-->Sa1
        end

       Sa2-.->S0

        subgraph spend
            S0((start))
            S2(Go shopping)
            S3{How much money will I spend?} 
            S1(save for later)
            S4(buy Laptop)
            S5(buy iPhone)
            S6(buy Car)
            S7{ }
            S8((end))
            S9{ }
            S10(pay)

            S0-->S2
            S2 --> S3
            S3-->| =0 | S1
            S3-->| <= 1k | S4
            S3 -->| > 1k| S5
            S3 -->| >10k | S6
            S1-->S9
            S4-->S7
            S5-->S7
            S6-->S7
            S7-->S10
            S10-->S9
            S9-->S8
        end
    end

My list of open issues:

  • place text outside the boxes and arrows
  • set all elements of the same type to a default size
  • place lanes side-by-side
  • pool and lane text (top or bottom, according to the diagram’s layout)
  • default decision arrow (add slash at the beginning)
  • gateway symbols (empty, X, O, +)
  • task symbols (event, rule, service, manual, etc)
  • task borders
  • event symbols (message, timer, terminate, error, etc.)
  • event borders
  • sub-processes (inlined)
  • sub-processes (collapsing)
  • sub-processes (callable, external)
  • task and sub-processes marks (loop, parallel, etc.)
  • task events
  • notes and comments
  • inter-lane signals
  • other connector layout options (straight, curved, etc.)

Feel free to try more strategies in the example and complete the list

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:15
  • Comments:5

github_iconTop GitHub Comments

14reactions
TotallyInformationcommented, Jun 20, 2020

Agree that BPNM would be great. There is also an available library that could maybe be used: https://bpmn.io/ ?

11reactions
carukccommented, Apr 6, 2020

Great suggestions!

It looks like the BPMN idea has not gained much traction. That’s too bad… It would have been great to have this in mermaid.

Read more comments on GitHub >

github_iconTop Results From Across the Web

What is Business Process Modeling Notation - Lucidchart
BPMN 2.0 diagram elements and symbols. BPMN depicts these four element types for business process diagrams: Flow objects: events, activities, gateways ...
Read more >
BPMN Specification - Business Process Model and Notation
Providing the most accurate and up to date information about BPMN 2.0 - BPMN.org is your official BPMN resource for Business Process Model...
Read more >
BPMN 2.0 shapes for detailed process flows ... - Diagrams.net
The BPMN 2.0 shape library in diagrams.net has an extended set of shapes to clarify a wider range of human interactions, and allows...
Read more >
BPMN 2.0 Tutorial: Get started with Process Modeling
Business Process Model and Notation (BPMN) is the global standard for process modeling. Start designing BPMN diagrams with our free online Modeler.
Read more >
Business Process Model and Notation (BPMN) 2.0 Tutorial
Learn how to create a BPMN 2.0 diagram in this tutorial. We provide a basic overview of BPMN shapes and then give step-by-step...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found