This is an old revision of the document!

flowchartjs Plugin

Compatible with DokuWiki

2016-06-26 "Elenor Of Tsort"

Draw flowchart (SVG) based on flowchart.js

Last updated on: 2017-02-16
Provides: Syntax
Repository: Source

This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.

Similar to diagram, ditaa, flowcharts, graphviz

Tagged with diagram, flowchart

By Hua GAO

Installation

Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.

Examples/Usage

A complex example copied from flowchart.js

<flowchartjs default>
  st=>start: Start|past:>http://www.google.com[blank]
  e=>end: End|future:>http://www.google.com
  op1=>operation: My Operation|past
  op2=>operation: Stuff|current
  sub1=>subroutine: My Subroutine|invalid
  cond=>condition: Yes
  or No?|approved:>http://www.google.com
  c2=>condition: Good idea|rejected
  io=>inputoutput: catch something...|future
  st->op1(right)->cond
  cond(yes, right)->c2
  cond(no)->sub1(left)->op1
  c2(yes)->io->e
  c2(no)->op2->e
</flowchartjs>

The output is as snapshot above.

Syntax

Basic syntax:

<flowchartjs style>...</flowchart>

style flowchart display style. Currently it can be one of this:
- default — default style
- (blank) — no style
... flowchart definition, which should follow gramma in flowchart.js.

Configuration and Settings

[coming soon]

Change Log

2017-02-16
- Initial release

ToDo/Wish List

[add configuration to modify style]

Table of Contents