Hilfe:Diagramme erstellen

Aus Hebammenwiki

Die Erweiterung "Flex Diagrams" ermöglicht es, Diagramme direkt im Hebammenwiki zu erstellen.


Jede Diagrammart hat ihren eigenen Namensraum (eine Art, Seiten zu organisieren). Um ein neues Diagramm zu erstellen, muss also in dem jeweiligen Namensraum eine neue Seite erstellt werden.

Dafür tippt man in die Suchzeile Diagrammnamensraum:Titel des Diagramms. Ein neues Gantt-Chart kann so als Gantt:neu erstellt werden.

Achtung! Es dauert immer eine kleine Weile, bis der Editor geladen hat. Grundsätzlich sollte Google Chrome genutzt werden, da dieser Browser die wenigsten Probleme in der Anzeige hat.

Dargestellt werden Diagramme, wenn sie auf der Zielseite, z.B. Oxytozin eingebunden werden mit dem Quelltext

{{#display_diagram:Diagrammnamensraum:Titel des Diagramms}}.

Diagrammarten im Hebammenwiki

Business Process Model and Notation (BPMN)

Hiermit können Prozesse und Arbeitsabläufe dargestellt werden. Siehe auch Wikipedia dazu.

Namensraum: BPMN:

Objekte (Flow Objects)

Aktivitäten: Aufgaben und Subprozesse BPMN-2d
Gateways: Entscheidungspunkte
Event
Beispieldiagramm

Gantt

Hiermit können Verläufe von Projekten mit der Wasserfallmethode grafisch dargestellt werden. Siehe auch Wikipedia dazu.

Namensraum: Gantt:

Oberfläche der Applikation: Das blaue Plus fügt eine neue Aufgabe hinzu
Aufgabe bearbeiten

Mermaid

Hiermit können verschiedene Grafen und Diagramme dargestellt werden. Siehe auch dessen Dokumentation dazu. Mermaid-Diagramme können auch in folgendem Code eingebettet werden: {{#mermaid:"Diagrammcode"}}

Namensraum: Mermaid

Einige Diagramme können nicht im Hebammenwiki gerendert werden. Der Mermaid-Onlinegenerator kann dies aber. Die dort erstellten Diagramme können dann im Hebammenwiki eingefügt werden.

Mögliche Diagramme:

Quellcode Darstellung
graph TD

   A[Enter Chart Definition] --> B(Preview)

   B --> C{decide}

   C --> D[Keep]

   C --> E[Edit Definition]

   E --> B

   D --> F[Save Image and Code]

   F --> B

sequenceDiagram

Alice->>John: Hello John, how are you? John-->>Alice: Great! Alice-)John: See you later!

journey

title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 5: Me

gantt

   dateFormat  YYYY-MM-DD    title       Adding GANTT diagram functionality to mermaid    excludes    weekends    %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)    section A section    Completed task            :done,    des1, 2014-01-06,2014-01-08    Active task               :active,  des2, 2014-01-09, 3d    Future task               :         des3, after des2, 5d    Future task2              :         des4, after des3, 5d    section Critical tasks    Completed task in the critical line :crit, done, 2014-01-06,24h    Implement parser and jison          :crit, done, after des1, 2d    Create tests for parser             :crit, active, 3d    Future task in critical line        :crit, 5d    Create tests for renderer           :2d    Add to mermaid                      :until isadded    Functionality added                 :milestone, isadded, 2014-01-25, 0d    section Documentation    Describe gantt syntax               :active, a1, after des1, 3d    Add gantt diagram to demo page      :after a1  , 20h    Add another diagram to demo page    :doc1, after a1  , 48h    section Last section    Describe gantt syntax               :after doc1, 3d    Add gantt diagram to demo page      :20h    Add another diagram to demo page    :48h

pie title Pets adopted by volunteers

   "Dogs" : 386    "Cats" : 85    "Rats" : 15

quadrantChart

title Reach and engagement of campaigns x-axis Low Reach --> High Reach y-axis Low Engagement --> High Engagement quadrant-1 We should expand quadrant-2 Need to promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78]

gitGraph   commit   commit   branch develop   checkout develop   commit   commit   checkout main   merge develop   commit   commit
mindmap

  root((mindmap))

   Origins

     Long history

     ::icon(fa fa-book)

     Popularisation

       British popular psychology author Tony Buzan

   Research

     On effectivenessand features

     On Automatic creation

       Uses

           Creative techniques

           Strategic planning

           Argument mapping

   Tools

     Pen and paper

     Mermaid

timeline

   title History of Social Media Platform

   2002 : LinkedIn

   2004 : Facebook

        : Google

   2005 : Youtube

   2006 : Twitter

sankey-beta

%% source,target,value

Electricity grid,Over generation / exports,104.453

Electricity grid,Heating and cooling - homes,113.726

Electricity grid,H2 conversion,27.14

xychart-beta

   title "Sales Revenue"

   x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]

   y-axis "Revenue (in $)" 4000 --> 11000

   bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]

   line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]

block-beta

columns 1

 db(("DB"))
 blockArrowId6<["   "]>(down)
 block:ID
   A
   B["A wide one in the middle"]
   C
 end
 space
 D
 ID --> D
 C --> D
 style B fill:#969,stroke:#333,stroke-width:4px


Drawio:, or Mermaid: