Visualizing Sorting Algorithms with ReactJS: Merge Sort and Quick Sort Demystified

Dr. Neha Gupta, Prateet Mishra, Khyati Patel, Palak Gandhi , Mustafa Panjiwala

Page No: 46-54

DOI: 10.86493/VEREDAS.2025/V15I8/06

This study examined the advantages of an animated sorting algorithm for both teaching and learning objectives. Here, to visualize merge sort and quick sort, a web-based application was constructed. The UI will contain options to select one of the sorting algorithms which were implemented and several items or elements in the data array, control buttons to start, pause, and navigate to previous or next steps along with an option for sorting speed and color mode. The data array of the selected size will be filled in with randomly generated unique values. The data set is represented as a vertical bar with the height of their respective values. After the sorting is started, the stepwise arrangement of data in ascending order based on their value/height will be visualized in the UI.

Citations

APA: Dr. Neha Gupta, Prateet Mishra, Khyati Patel, Palak Gandhi , Mustafa Panjiwala (2025). Visualizing Sorting Algorithms with ReactJS: Merge Sort and Quick Sort Demystified. DOI: 10.86493/VEREDAS.2025/V15I8/06

AMA: Dr. Neha Gupta, Prateet Mishra, Khyati Patel, Palak Gandhi , Mustafa Panjiwala. Visualizing Sorting Algorithms with ReactJS: Merge Sort and Quick Sort Demystified. 2025. DOI: 10.86493/VEREDAS.2025/V15I8/06

Chicago: Dr. Neha Gupta, Prateet Mishra, Khyati Patel, Palak Gandhi , Mustafa Panjiwala. "Visualizing Sorting Algorithms with ReactJS: Merge Sort and Quick Sort Demystified." Published 2025. DOI: 10.86493/VEREDAS.2025/V15I8/06

IEEE: Dr. Neha Gupta, Prateet Mishra, Khyati Patel, Palak Gandhi , Mustafa Panjiwala, "Visualizing Sorting Algorithms with ReactJS: Merge Sort and Quick Sort Demystified," 2025, DOI: 10.86493/VEREDAS.2025/V15I8/06

ISNAD: Dr. Neha Gupta, Prateet Mishra, Khyati Patel, Palak Gandhi , Mustafa Panjiwala. "Visualizing Sorting Algorithms with ReactJS: Merge Sort and Quick Sort Demystified." DOI: 10.86493/VEREDAS.2025/V15I8/06

MLA: Dr. Neha Gupta, Prateet Mishra, Khyati Patel, Palak Gandhi , Mustafa Panjiwala. "Visualizing Sorting Algorithms with ReactJS: Merge Sort and Quick Sort Demystified." 2025, DOI: 10.86493/VEREDAS.2025/V15I8/06