Install Mermaid Extension

[bequrios]

https://github.com/w3c/respec-mermaid

[bequrios]

the respec-mermaid extension apparently does not play well together with the markdown features of respec...

working example here: https://bequrios.github.io/mermaid and https://github.com/bequrios/mermaid

[l00mi]

Lets see if this https://stackoverflow.com/questions/49535327/change-mermaid-theme-in-markdown can help here.

[l00mi]

Asked about here: https://github.com/w3c/respec-mermaid/issues/9 No easy solution found for now.

[bequrios]

Solution is now available, see https://github.com/w3c/respec-mermaid/issues/9

Working Example:

```mermaid flowchart TB     a1[[activity-1]] --> |prov:used| e1([entity-1]);     e2([entity-2]) & e3([entity-3]) --> |prov:wasGeneratedBy| a1;     class a1 activity; classDef activity fill:#b598e3, stroke:#644d87; class e1,e2,e3 entity; classDef entity fill:#FFFFCC,stroke:#FFFF33; ```

Input and output entities of a certain activity (as mermaid diagram).

<figure id="entities_usage_mermaid">

\```mermaid
flowchart TB
    a1[[activity-1]] --> |prov:used| e1([entity-1]);
    e2([entity-2]) & e3([entity-3]) --> |prov:wasGeneratedBy| a1;
    class a1 activity;
    classDef activity fill:#b598e3, stroke:#644d87;
    class e1,e2,e3 entity;
    classDef entity fill:#FFFFCC,stroke:#FFFF33;
\```
<figcaption>Input and output entities of a certain activity (as mermaid diagram).</figcaption>
</figure>