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 - editing use case - Literate Code Map.
• 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.

No commentary available. Just enjoy the diagrams.

These are diagrams from the GitHub repository of one of my other projects, Pynsource, a desktop UML app for Python.

This project has been going for 10+ years and is open source. It actually led to the creation of GitUML and shares parts of its Python parser.