Here are a list of featured diagrams, showing the kind of things you can do with GitUML.
TodoMVC Related
These Javascript diagramming projects relate to the classic "Rosetta Stone" TodoMVC project,
which is simply a Javascript 'todo' application implemented
in countless ways, using different Javascript frameworks.
The following diagrams show the reverse engineering analysis into a Literate Code Map diagram
of the TodoMVC Jquery implementation, as well as my new, additional implementations
of TodoMVC using OO and ECS:
TodoMVC-JQuery - initialisation use case
This is the initialisation use case of TodoMVC-Jquery - Literate Code Map.
I found that the very act of building this diagram was a powerful way to understand how this particular implementation worked,
and allowed me to more easily build my own TodoMVC implementations (see below).
TodoMVC-OO
TodoMVC implemented using traditional OO, Controllers and Events.
(see accompanying article).
TodoMVC-ECS
TodoMVC implemented using a Entity Component System game architecture
(see accompanying article).
Note also the associated reverse engineering of the Jecs ESC Framework for Javascript, which I used in
my TodoMVC-ECS implementation. View this diagram by clicking on the
diagram 168 thumbnail below.
Description:
This is the initialisation use case of TodoMVC-Jquery, depicted as a Literate
Code Map. Building this diagram helped me understand how this implementation
worked, which led me to build my own implementation of TodoMVC called TodoMVC-
OO which is an implementation witho…
Description:
This is the editing of todo items use case of TodoMVC-Jquery, depicted as a
Literate Code Map. Building this diagram helped me understand how this
implementation worked, which led me to build my own implementation of TodoMVC
called TodoMVC-OO which is an implementation…
These Javascript diagramming projects relate to the classic "Rosetta Stone" TodoMVC project, which is simply a Javascript 'todo' application implemented in countless ways, using different Javascript frameworks. The following diagrams show the reverse engineering analysis into a Literate Code Map diagram of the TodoMVC Jquery implementation, as well as my new, additional implementations of TodoMVC using OO and ECS:
I found that the very act of building this diagram was a powerful way to understand how this particular implementation worked, and allowed me to more easily build my own TodoMVC implementations (see below).
Note also the associated reverse engineering of the Jecs ESC Framework for Javascript, which I used in my TodoMVC-ECS implementation. View this diagram by clicking on the diagram 168 thumbnail below.