Visualization-Driven Refactoring of Antipatterns in Microservices Architecture

Bachelor’s Graduation Thesis Innopolis Univesity

Concept

Antipatterns visualization contain 3 parts:

• controller, which toggle antipattern to show on graph
• graph presentation for edge higlgiht type of antipaterns
• graph presentation for node metric type of antipaterns
• graph presentation for group of both types of antipaterns

Controller of antipatterns toggles

Edge higlight antipattern visualization

Node metric antipattern visualization

Antipattern grouping (both node metric and edge hilglight)

Usage

Use to visualize the JSON results of DependencyGraphGenerator \ Example here

Build on top of reactflow-auto-layout