34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
<p>Creates UML diagrams from plain text description.</p>
|
|
|
|
<div class="form-horizontal">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label" for="textarea-umldiagram-flowchart-options">Flow charts options (JSON)
|
|
</label>
|
|
<div class="col-sm-7">
|
|
<textarea id="textarea-umldiagram-flowchart-options" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<p>Sequence diagrams:</p>
|
|
<pre><div class="help-block pull-right"><a target="_blank" href="http://bramp.github.io/js-sequence-diagrams/">More info</a></div><code>```sequence
|
|
Alice->Bob: Hello Bob, how are you?
|
|
Bob-->Alice: I am good thanks!
|
|
```</code>
|
|
</pre>
|
|
|
|
<p>Flow charts:</p>
|
|
<pre><div class="help-block pull-right"><a target="_blank" href="http://adrai.github.io/flowchart.js/">More info</a></div><code>```flow
|
|
st=>start: Start
|
|
e=>end
|
|
op=>operation: My Operation
|
|
cond=>condition: Yes or No?
|
|
st->op->cond
|
|
cond(yes)->e
|
|
cond(no)->op
|
|
```</code>
|
|
</pre>
|
|
<blockquote>
|
|
<p><b>Note:</b> Markdown Extra extension has to be enabled with GFM fenced code blocks option.</p>
|
|
</blockquote>
|