/sketchit

Hand drawn looking class diagram

Primary LanguageJava

Getting started

[note: You can stick notes on diagrams too!{bg:cornsilk}]
[Customer]<>1-orders 0..*>[Order{bg:#87cefa}]
[Order]++*-*>[LineItem]
[Order]-1>[DeliveryMethod{bg:thistle}]
[Order]*-*>[Product{bg:#cd5c5c}]
[Category{bg:moccasin}]<->[Product]
[DeliveryMethod]^[National{bg:coral}]
[DeliveryMethod]^[International{bg:#98fb98}]

is transformed into:

sketchit-rendered

Syntax

Syntax for Class diagram is based on yUML syntax

Class   [Customer]
Directional [Customer]->[Order]
Bidirectional   [Customer]<->[Order]
Aggregation [Customer]+-[Order] or [Customer]<>-[Order]
Composition [Customer]++-[Order]
Inheritance [Customer]^[Cool Customer], [Customer]^[Uncool Customer]
Dependencies    [Customer]uses-.->[PaymentStrategy]
Cardinality [Customer]<1-1..2>[Address]
Labels  [Person]customer-billingAddress[Address]
Notes   [Person]-[Address],[Address]-[note: Value Object]
Full Class  [Customer|Forename;Surname;Email|Save()]
Splash of Colour    [Customer{bg:orange}]<>1->*[Order{bg:green}]

[Foo|valueProp]
[Foo]entityRef->[Bar]
[Foo]entityComp++->ownedBy[Baz]
[Foo]oneToMany->*[FooBar]
[Bar|name]
[FooBar|value]
[FooBar]^[Bar]


[Customer]<>1->*[Order],
[Customer]-[note: Aggregate Root{bg:cornsilk}]

Libraries & Inspirations