CSE498, Collaborative Design, Spring 2024
Computer Science and Engineering
Michigan State University

Stryker is a Fortune 500 company that provides world class medical equipment to hospitals worldwide. From surgical equipment to neurotechnology, Stryker is active in over 100 countries and impacts more than 130 million patients annually.

The need to synchronize data across multiple applications, databases, and platforms is strategically imperative for Stryker to stay agile and competitive. With over 200 systems and thousands of integrations between them, Stryker employees need a visual way to display these relationships. The current modeling process relies on manual work done by an engineer, consuming valuable time and increasing the risk of errors.

Our Dynamic Visualization of Architecture Diagrams is a web application that improves this modeling process by generating accurate and precise diagrams that represent Stryker’s systems and the relationships between them.

Once navigated to the website, the user is presented with options for systems that they can filter to select only the elements they need in their diagram. The software then automatically creates a diagram showing the selected systems and what integrations are present between them. The resulting diagram is then displayed on the web page for viewing. Template diagrams can also be generated with generic information for users to edit.

Diagrams made by the web app can be exported to a Microsoft Visio diagram for further changes. The data can also be exported to a Microsoft Excel file.

Our system saves Stryker engineers time and minimizes opportunity for error by generating accurate architecture diagrams instead of having to do them manually.

The application’s back end uses Flask. The front end uses React, hosted on Azure Web App Service. Data for the architecture diagrams is stored in Stryker’s Azure SQL Server.