UML class diagram template
Four classes with attributes, methods and inheritance, in the standard three-compartment notation.
Open this in the editor or download the board
A deliberately small example, because the point of a class diagram is the relationships rather than the exhaustive field list. Shape with two subclasses is the shortest thing that shows inheritance, an abstract-ish base and a plain association all at once.
What is in it
- Canvas, Shape, Rectangle and Circle
- Each class split into name, attributes and methods
- Visibility markers: + public, - private, # protected
- Rectangle and Circle inheriting from Shape
Editing it
Everything is editable. Double-click a table's title to rename it, click a cell to change a column, and click the badge beside a column to cycle it through PK and FK. Drag a row onto another table's row to draw a relationship between those exact columns.
Your board is saved in your own browser as you work. Nothing is uploaded to a server, and there is no account to create.
Authored as a board and validated by importing it into the real editor, then exported back out, so the shipped file is exactly what the editor produces.