UML

UML is the Unified Modeling Language.

UML zh_CN

If you want to design your UML, StarUML is an awesome choice.

  • UseCase

usecase

  • Class Relationship

class relationship

  • Activity

activity

  • Sequence

Sequence

  • State chart

state chart

  • Component

component

  • Deployment

deployment

Sequence

Download->Define: Define->Usage:

The js-sequence-diagrams helps you turns text into UML sequence diagrams.

And the flowchart

  • Download

js-sequence-diagrams depends on Raphaël and Underscore.js

  • Define
<uml>
    Title: UML Test
    A->B: Normal line
    B-->C: Dashed line
    C->>D: Open arrow
    D-->>A: Dashed open arrow
</uml>
  • Usage

1、Import the js file

<script src="raphael-min.js"></script>
<script src="underscore-min.js"></script>
<script src="sequence-diagram-min.js"></script>

2、Define this in jQuery:

$("UML, uml").sequenceDiagram({theme: 'hand'});

and you can see:

Title: UML Test A->B: Normal line B-->C: Dashed line C->>D: Open arrow D-->>A: Dashed open arrow