Draw a Class Diagram

https://pocketworks.co.uk?from_yuml

Publish Online

Paste this link in a blog, wiki, issue tracker or forum:

<img src="http://yuml.me/diagram/scruffy/class/<b>[Customer]+1->*[Order], [Order]++1-items >*[LineItem], [Order]-0..1>[PaymentMethod]</b>" />.

You don't really need to use this page to draw, you can create links directly within your blog posts and wiki pages.

Edit Your Diagram Later

Come back and edit your diagram later, just add /edit/ into your URL:

http://yuml.me/diagram/scruffy/class/edit/[Customer]+1-%3E*[Order],%20[Order]++1-items%20%3E*[LineItem],%20[Order]-0..1%3E[PaymentMethod].

Share in your emails or documents. Simply drag the diagram above into your Google Mail or Outlook messages, or a Word, Excel, Pages or Powerpoint document.

PDF

Grab yourself a PDF version of the diagram, neat huh.

Syntax Overview

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}]`

Diagram Control

Scaling to 75% size	`https://yuml.me/diagram/scale:75/class/[Customer]+->[Order]`
Scruffy with scaling to 125% size	`https://yuml.me/diagram/scruffy;scale:125/class/[Customer]+->[Order]`
Direction: Force Left-Right	`https://yuml.me/diagram/dir:lr/class/[Customer]+->[Order]`
Direction: Force Top-Down	`https://yuml.me/diagram/dir:td/class/[Customer]+->[Order]`
Jpeg Images: Get Jpeg images rather than PNG	`https://yuml.me/diagram/class/[Customer]+->[Order].jpg`
PDF: Get PDF files rather than PNG images	`https://yuml.me/diagram/class/[Customer]+->[Order].pdf`