Java programmers traditionally love UML diagrams. Java support includes visualising packages! It is astounding how much more sense you can make out of your source code when visualised in this way.

Here are a variety of diagrams extracted from various GitHub repositories, including an analysis of the startup of plantuml.jar from the PlantUML project, a diagram from the nice Java Design Patterns GitHub repository and some visualisations of the openjdk-jfx repository.

Remember, you can duplicate diagrams into your own account, by clicking on the duplicate link underneath any diagram's thumbnail. Then you change which files are being visualised. Explore!

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.