Project

AlgoCompare

A comparative visualizer of algorithms and data structures

Technologies

JavaScriptTypeScriptVue 3NuxtPrisma ORMtRPCDocker

Development period

09/2022 - 05/2025

Category

Web application

About

AlgoCompare is interactive system for comparative visualisation of algorithms and data structures. The application was developed as part of my bachelor and master thesis.

The application supports 3 basic modes:

  • Comparative mode, where the user selects the algorithms or data structures he wants to compare and enters input values that are applied to all selected algorithms. Within this mode, there is a special mode available for data structure visualizations, namely Interactive mode, which allows users to enter operations and input values while visualizing data structures.
  • Training mode is for students who want to test their understanding of a given algorithm. The student chooses an algorithm and then interacts with the visualization until they have solved the exercise.
  • Test mode allows teachers to create and manage tests for students to take.

Gallery

Homepage
Comparative mode
Training mode - interactive visualization of DFS algorithm
Training mode - questions about data structures