Sales Cycle: Difference between revisions

Line 1:

~~== Distinct Namespace ==~~

This page uses the [https://www.mediawiki.org/wiki/Extension:Mermaid mermaid extension] compared with the [[mw:Extension:Flex Diagrams]] to draw the same flow chart from simple markup, both leveraging the Mermaid.js diagramming library.

~~Using~~ the ~~'''~~[[mw:~~Extension:Flex Diagrams|~~Extension:Flex Diagrams]]~~''' extension<ref>Flex Diagrams does allow you~~ to ~~create 5 different types of diagrams:~~

~~# BPMN diagrams (using~~ the ~~bpmn-js library)~~

~~# Gantt charts (using the DHTMLX Gantt JS library)~~

~~# DOT graphs~~, ~~also known as Graphviz graphs (using~~ the ~~Viz~~.js library)

~~# Mermaid diagrams~~

~~# Drawio/diagrams.net diagrams~~

~~The Flex Diagrams extension is most notable for its ability to do BPMN and Drawio diagrams.~~

~~</ref>, each diagram must be handled in it's own namespace - where it's really a custom content model. This means that '''no other markup''' is allowed~~. So, you can't use wikitext (e.g. Categories) at all. A somewhat useful if not confusing by-product of this is that the source code of the diagram is displayed inline with the diagram when reading the page.

~~In order to embed the diagram into a wiki page, you then use the extension's <code>#display_diagram</code> parser function.~~

~~<pre>{{#display_diagram:Mermaid:Sales_Cycle}}</pre>~~

~~produces the following diagram from the source at [[Mermaid:Sales Cycle]]~~

~~{{#display_diagram:Mermaid:Sales_Cycle}}~~

== Diagram inline ==

Line 67:

Line 49:

~~This page uses~~ the [~~https~~://~~www~~.~~mediawiki~~.~~org/~~wiki/~~Extension~~:Mermaid ~~mermaid extension] compared with~~ the [[mw:~~Extension~~:~~Flex~~ Diagrams]] ~~to draw the flow chart from simple markup.~~

== Distinct Namespace ==

Using the '''[[mw:Extension:Flex Diagrams|Extension:Flex Diagrams]]''' extension<ref>Flex Diagrams does allow you to create 5 different types of diagrams:

# BPMN diagrams (using the bpmn-js library)

# Gantt charts (using the DHTMLX Gantt JS library)

# DOT graphs, also known as Graphviz graphs (using the Viz.js library)

# Mermaid diagrams

# Drawio/diagrams.net diagrams

The Flex Diagrams extension is most notable for its ability to do BPMN and Drawio diagrams.

</ref>, each diagram must be handled in it's own namespace - where it's really a custom content model. This means that '''no other markup''' is allowed. So, you can't use wikitext (e.g. Categories) at all. A somewhat useful if not confusing by-product of this is that the source code of the diagram is displayed inline with the diagram when reading the page.

In order to embed the diagram into a wiki page, you then use the extension's <code>#display_diagram</code> parser function.

<pre>{{#display_diagram:Mermaid:Sales_Cycle}}</pre>

produces the following diagram from the source at [[Mermaid:Sales Cycle]]

[[Category:Diagrams]]

@@ Line 1: / Line 1: @@
-== Distinct Namespace ==
+This page uses the [https://www.mediawiki.org/wiki/Extension:Mermaid mermaid extension] compared with the [[mw:Extension:Flex Diagrams]] to draw the same flow chart from simple markup, both leveraging the Mermaid.js diagramming library.
-Using the '''[[mw:Extension:Flex Diagrams|Extension:Flex Diagrams]]''' extension<ref>Flex Diagrams does allow you to create 5 different types of diagrams:
-# BPMN diagrams (using the bpmn-js library)
-# Gantt charts (using the DHTMLX Gantt JS library)
-# DOT graphs, also known as Graphviz graphs (using the Viz.js library)
-# Mermaid diagrams
-# Drawio/diagrams.net diagrams
-The Flex Diagrams extension is most notable for its ability to do BPMN and Drawio diagrams.
-</ref>, each diagram must be handled in it's own namespace - where it's really a custom content model. This means that '''no other markup''' is allowed. So, you can't use wikitext (e.g. Categories) at all.  A somewhat useful if not confusing by-product of this is that the source code of the diagram is displayed inline with the diagram when reading the page.
-In order to embed the diagram into a wiki page, you then use the extension's <code>#display_diagram</code> parser function.
-<pre>{{#display_diagram:Mermaid:Sales_Cycle}}</pre>
-produces the following diagram from the source at [[Mermaid:Sales Cycle]]
-{{#display_diagram:Mermaid:Sales_Cycle}}
 == Diagram inline ==
@@ Line 67: / Line 49: @@
-This page uses the [https://www.mediawiki.org/wiki/Extension:Mermaid mermaid extension] compared with the [[mw:Extension:Flex Diagrams]] to draw the flow chart from simple markup.
+== Distinct Namespace ==
+Using the '''[[mw:Extension:Flex Diagrams|Extension:Flex Diagrams]]''' extension<ref>Flex Diagrams does allow you to create 5 different types of diagrams:
+# BPMN diagrams (using the bpmn-js library)
+# Gantt charts (using the DHTMLX Gantt JS library)
+# DOT graphs, also known as Graphviz graphs (using the Viz.js library)
+# Mermaid diagrams
+# Drawio/diagrams.net diagrams
+The Flex Diagrams extension is most notable for its ability to do BPMN and Drawio diagrams.
+</ref>, each diagram must be handled in it's own namespace - where it's really a custom content model. This means that '''no other markup''' is allowed. So, you can't use wikitext (e.g. Categories) at all.  A somewhat useful if not confusing by-product of this is that the source code of the diagram is displayed inline with the diagram when reading the page.
+In order to embed the diagram into a wiki page, you then use the extension's <code>#display_diagram</code> parser function.
+<pre>{{#display_diagram:Mermaid:Sales_Cycle}}</pre>
+produces the following diagram from the source at [[Mermaid:Sales Cycle]]
+{{#display_diagram:Mermaid:Sales_Cycle}}
+{{References}}
+[[Category:Diagrams]]