Class Diagram Samples

Class

<img src="http://yuml.me/diagram/scruffy/class/[Customer]" >

Simple Association

<img src="http://yuml.me/diagram/scruffy/class/[Customer]->[Address]" >

Cardinality

<img src="http://yuml.me/diagram/scruffy/class/[Customer]1-0..*[Address]" >

Directional Association

<img src="http://yuml.me/diagram/scruffy/class/[Order]-invoicing >[Address], [Order]-shipping >[Address]" >

Splash of Colour And UTF-8

<img src="http://yuml.me/diagram/scruffy/class/[❝Customer❞{bg:orange}]❶- ☂>[Order {bg:green}]" >

Aggregation

<img src="http://yuml.me/diagram/scruffy/class/[Company]<>-1>[Location], [Location]+->[Office]" >

Composition

<img src="http://yuml.me/diagram/scruffy/class/[Company]++-*>[Location]" >

Notes

<img src="http://yuml.me/diagram/scruffy/class/[Customer]<>1->*[Order], [Customer]-[note: Aggregate Root {bg:cornsilk}]" >

Inheritance

<img src="http://yuml.me/diagram/scruffy/class/[Wage]^-[Salaried], [Wage]^-[Contractor]" >

Interface Inheritance

<img src="http://yuml.me/diagram/scruffy/class/[<<ITask>>]^-.-[NightlyInvoicingTask]" >

International Characters

<img src="http://yuml.me/diagram/scruffy/class/[日本語]->[Köttbullar {bg:wheat}]" >

Dependencies

<img src="http://yuml.me/diagram/scruffy/class/[HttpContext]uses -.->[Request]" >

Interface

<img src="http://yuml.me/diagram/scruffy/class/[<<IDisposable>>;UnitOfWork]" >

Class with Details

<img src="http://yuml.me/diagram/scruffy/class/[User|+Forename+;Surname;+HashedPassword;-Salt|+Login();+Logout();+Register()]" >

Something Meaty!

<img src="http://yuml.me/diagram/scruffy/class/[note: You can stick notes on diagrams too!{bg:wheat}],[Customer]<>1-orders 0..*>[Order], [Order]++*-*>[LineItem], [Order]-1>[DeliveryMethod], [Order]*-*>[Product], [Category]<->[Product], [DeliveryMethod]^[National], [DeliveryMethod]^[International]" >




Create Your Own Class Diagram