Hilfe:Diagramme erstellen
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 | 
|
| 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 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: