Draw a Class Diagram

Type your diagram shorthand (see samples or instructions below):



# Cool UML Diagram [Customer]+1->*[Order] [Order]++1-items >*[LineItem] [Order]-0..1>[PaymentMethod]





Use NEW Features on the BETA draw page

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

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