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:
The TodoMVC "rosetta stone" app - implemented using Object Oriented
Controllers. This diagram shows the event flow, visualised using using
literate code mapping.
Notice how effective _colours_ are in following the event flow.
This project is a Javascript implementat…
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…
Description:
Entity Component System frameworks are actually relatively simple. They offer
ways of:
1. defining Entities,
2. adding Components (data objects) to those entity instances,
3. defining Systems \- which are code blocks which run across subsets of matched Component…
Description:
Here is the architecture of my TodoMVC-ecs project which is the classic
TodoMVC app implemented using ECS, a gaming architecture.
I chose to use the javascript Jecs library - pictured here.
# Entity Component System • TodoMVC
Is the Entity Component System any good …
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.