JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
Skip to content
Gallery
nomnoml Pack User Guide
nomnoml Pack User Guide
More
Share
Explore
nomnoml Pack User Guide
Language reference
Copied from
nomnoml.com
on 2/1/2024.
Reference
Reference
Group
Name
Example
Diagram
Group
Name
Example
Diagram
Associations
16
association
[a] - [b]
association
[a] -> [b]
association
[a] <-> [b]
dependency
[a] --> [b]
dependency
[a] <--> [b]
generalization
[a] -:> [b]
implementation
[a] --:> [b]
composition
[a] +- [b]
composition
[a] +-> [b]
aggregation
[a] o- [b]
aggregation
[a] o-> [b]
ball and socket
[a] -o) [b]
ball and socket
[a] o<-) [b]
ball and socket
[a] ->o [b]
note
[a] -- [b]
hidden
[a] -/- [b]
Class diagrams
6
class
[class]
abstract
[<abstract> abstract]
instance
[<instance> instance]
reference
[<reference> reference]
package
[<package> package|
components
]
frame
[<frame> frame|
contents
]
Component diagrams
2
socket
[component] - [<socket> socket]
lollipop
[<lollipop> lollipop] - [component]
Flow charts
9
start
[<start> start]
end
[<end> end]
state
[<state> state]
choice
[<choice> choice]
sync
[<sync> sync]
input
[<input> input]
sender
[<sender> sender]
receiver
[<receiver> receiver]
transceiver
[<transceiver> transceiver]
Use cases
2
actor
[<actor> actor]
usecase
[<usecase> usecase]
Miscalleneous
6
note
[<note> note]
label
[<label> label]
hidden
[<hidden> hidden]
database
[<database> database]
pipe
[<pipe> pipe]
table
[<table> table| a | 5 || b | 7]
Comments
Comments are supported at the start of a line.
//[commented]
[not //commented]
Directives
#import: filename
#arrowSize: 1
#bendSize: 0.3
#direction: down | right
#gutter: 5
#edgeMargin: 0
#gravity: 1
#edges: hard | rounded
#background: transparent
#fill: #eee8d5; #fdf6e3
#fillArrows: false
#font: Calibri
#fontSize: 12
#leading: 1.25
#lineWidth: 3
#padding: 8
#spacing: 40
#stroke: #33322E
#title: filename
#zoom: 1
#acyclicer: greedy
#ranker: network-simplex | tight-tree | longest-path
Custom classifier styles
A directive that starts with "." define a classifier style. The style is written as a space separated list of modifiers and key/value pairs.
#.box: fill=#8f8 dashed
#.blob: visual=ellipse title=bold
[<box> GreenBox]
[<blob> Blobby]
GreenBoxBlobby
Modifiers
dashed
Key/value pairs
fill=(any css color)
stroke=(any css color)
align=center
align=left
direction=right
direction=down
visual=actor
visual=class
visual=database
visual=ellipse
visual=end
visual=frame
visual=hidden
visual=input
visual=none
visual=note
visual=package
visual=pipe
visual=receiver
visual=rhomb
visual=roundrect
visual=sender
visual=start
visual=sync
visual=table
visual=transceiver
Style title and text body
title=left,italic,bold
body=center,italic,bold
Text modifiers
bold
center
italic
left
underline
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Ctrl
P
) instead.