shiva / nomnoml

The sassy UML diagram renderer

nomnoml

Hello, this is nomnoml, a tool for drawing UML diagrams based on a simple syntax. It tries to keep its syntax visually as close as possible to the generated UML diagram without resorting to ASCII drawings. It is purely client side and uses the browser's localStorage, and quite a lot of other HTML5 standards.

Created by Daniel Kallin.

###Nomnoml was made possible by these cool projects

• jison
• dagre
• underscore
• typicons
• zepto
• solarized

###Example

This is how the Decorator pattern looks like in nomnoml syntax:

[<frame>Decorator pattern|
  [<abstract>Component||+ operation()]
  [Client] depends --> [Component]
  [Decorator|- next: Component]
  [Decorator] decorates -- [ConcreteComponent]
  [Component] <:- [Decorator]
  [Component] <:- [ConcreteComponent]
]