{"id":4448,"date":"2026-04-09T15:51:19","date_gmt":"2026-04-09T19:51:19","guid":{"rendered":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/?p=4448"},"modified":"2026-04-13T15:07:01","modified_gmt":"2026-04-13T19:07:01","slug":"algorithms-visualization-project","status":"publish","type":"post","link":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/2026\/04\/algorithms-visualization-project\/","title":{"rendered":"Algorithms Visualization"},"content":{"rendered":"\n<article style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;color: #333;line-height: 1.6;max-width: 800px;margin: 0 auto;padding: 10px 0\">\n\n    <table style=\"border-collapse: collapse;width: 100%;margin-bottom: 30px;border: none\">\n        <tr style=\"border-bottom: 1px solid #eee\">\n            <td style=\"padding: 15px 0;width: 160px;font-weight: bold;color: #666;vertical-align: top;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px\">Vision<\/td>\n            <td style=\"padding: 15px 10px;color: #444;vertical-align: top\"><p style=\"margin-bottom: 5px\">Create an intuitive, interactive algorithm visualizer which will&#8230;<\/p>\n            <ul style=\"margin: 0;padding-left: 20px;list-style-type: disc\"><li style=\"margin-bottom: 5px\">Empower emerging computer science students to master algorithms of varying complexity<\/li><li style=\"margin-bottom: 5px\">Serve as a foundational platform for expanded educational content<\/li><li style=\"margin-bottom: 5px\">Advance student learning and problem<\/li><li style=\"margin-bottom: 5px\">solving skills at Miami University and beyond<\/li><li style=\"margin-bottom: 5px\">Allow for additional problems and examples to be added over time<\/li><\/ul><\/td>\n        <\/tr>\n\n        <tr style=\"border-bottom: 1px solid #eee\">\n            <td style=\"padding: 15px 0;font-weight: bold;color: #666;vertical-align: top;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px\">Mission<\/td>\n            <td style=\"padding: 15px 10px;color: #444;vertical-align: top\"><p style=\"margin-bottom: 5px\">Build a web based algorithm visualizer that uses visual and motion based elements to enable students to build crucial knowledge of how various algorithms operate. The platform will have&#8230;<\/p>\n            \n            <ul style=\"margin: 0;padding-left: 20px;list-style-type: disc\"><li style=\"margin-bottom: 5px\">A visual component (i.e. being able to see elements being moved around in sorting of a list, nodes being created and\/or balanced on an AVL tree, traversing a graph, etc.)<\/li><li style=\"margin-bottom: 5px\">A pseudocode component (programming language<\/li><li style=\"margin-bottom: 5px\">agnostic pseudocode) that has a readable, standard and uniform syntax<\/li><li style=\"margin-bottom: 5px\">An AI component that allows students to ask questions based on the context of the problem on their screen<\/li><\/ul><\/td>\n        <\/tr>\n\n        <tr style=\"border-bottom: 1px solid #eee\">\n            <td style=\"padding: 15px 0;width: 160px;font-weight: bold;color: #666;vertical-align: top;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px\">Team Members<\/td>\n            <td style=\"padding: 15px 10px;color: #111;vertical-align: top\">Benjamin Pryor, Xavier Rankin, Charlie Szczepanski, Matthew Valachek<\/td>\n        <\/tr>\n        \n        <tr style=\"border-bottom: 1px solid #eee\">\n            <td style=\"padding: 15px 0;font-weight: bold;color: #666;vertical-align: top;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px\">Client<\/td>\n            <td style=\"padding: 15px 10px;color: #111;vertical-align: top\">Dr. Zulal Sevkli<\/td>\n        <\/tr>\n\n        <tr style=\"border-bottom: 1px solid #eee\">\n            <td style=\"padding: 15px 0;font-weight: bold;color: #666;vertical-align: top;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px\">Site<\/td>\n            <td style=\"padding: 15px 10px;vertical-align: top\"><a href=\"https:\/\/programmer2514.github.io\/MiamiOH-AVP-Demo\/\" style=\"color: #005a8d;text-decoration: underline;font-weight: 500\" target=\"_blank\" rel=\"noopener\">programmer2514.github.io\/MiamiOH-AVP-Demo\/<\/a><\/td>\n        <\/tr>\n    <\/table>\n\n    <nav style=\"font-size: 14px;margin-top: 40px;border-top: 1px solid #eee;padding-top: 20px\">\n        <a href=\"spring-2026-project-list\" style=\"color: #005a8d;text-decoration: none;font-weight: 500\">&laquo; Back to Project List<\/a> \n        <span style=\"margin: 0 15px;color: #ccc\">|<\/span>\n        <a href=\"spring-2026-qa-schedule\" style=\"color: #005a8d;text-decoration: none;font-weight: 500\">Q&amp;A Schedule &raquo;<\/a>\n    <\/nav>\n\n<\/article>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Algorithm Visualization Proj Video 2\" width=\"770\" height=\"433\" src=\"https:\/\/www.youtube.com\/embed\/R6mWqA1EjQk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Build a web based algorithm visualizer that uses visual and motion based elements to enable students to build crucial knowledge of how various algorithms operate.<\/p>\n","protected":false},"author":3017,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[40,104,36],"tags":[117,118],"class_list":["post-4448","post","type-post","status-publish","format-chat","hentry","category-rd","category-spring-2026","category-student-sponsored","tag-paper","tag-rd","post_format-post-format-chat"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/posts\/4448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/users\/3017"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/comments?post=4448"}],"version-history":[{"count":8,"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/posts\/4448\/revisions"}],"predecessor-version":[{"id":4863,"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/posts\/4448\/revisions\/4863"}],"wp:attachment":[{"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/media?parent=4448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/categories?post=4448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.miamioh.edu\/cse-senior-design-expo\/wp-json\/wp\/v2\/tags?post=4448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}