nomnoml

Welcome to nomnoml

A software for drawing UML diagrams based mostly on a easy syntax.

Try to edit the code on the left and watch the diagram change. Any modifications are saved to the browser’s localStorage, so your diagram needs to be right here the following time, (however no ensures).

Created by Daniel Kallin and hosted on GitHub to your perusal.

Interplay

The canvas may be panned and zoomed by dragging and scrolling in the correct hand third of the canvas.

The editor helps a subset of Chic Textual content’s keymappings.

Utilization

Automotive has an Engine

[Car]->[Engine]

Automotive owns an arbitrary variety of blemished

[Car] +-> 0..* [RustPatch]

Automotive is aware of its Producer and is the mum or dad of Pickup

[Car]o->[Manufacturer]
[Car]<:-[Pickup]

Automotive has some attributes

[Car|speed: Number;valves: Valve[] ]

Engine has an operation

[Engine||start()]

Engine has inside components

[Engine|
  [Cylinder]->1[Piston]
  [Cylinder]->2[Valve]
]

Engine is determined by parts

[Engine] - [<socket>Tank]
[Tank] -->o [Big Fuel Tank]
				

Set font

#font: Occasions
Textual content with serifs
				

Structure the diagram actually tight

#fontSize: 8
#spacing: 12
#padding: 3
[Lorem ipsum]-[dolor sit amet]

Tables

[<table>Fruits|
  Apples  | 17   ||
  Oranges | 4711
]

Create your personal types

#.field: fill=#8f8 dashed
[<box> GreenBox]

Divide into a number of recordsdata

#.blob: fill=pink

#import: blobby_styles
[<blob> Blobby]