tanishq2520/Algo-Visualizer

ux: Remove 'Generate frames' and trigger visualization on input

Open

#4 opened on Oct 12, 2025

View on GitHubContributor guide
 (1 comment) (0 reactions) (1 assignee)Python (10 forks)auto 404
help wantedrefactorstreamlitux

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (PR metrics pending)

Description

The current workflow requires the user to input an array and then scroll down to a separate "Generate frames" button. This is inefficient. The visualization should be triggered directly from the input area.

Proposed Solution (using Streamlit Forms):

Wrap the st.text_input for the array and a new "Visualize!" button inside an st.form.

When the user either clicks the "Visualize!" button OR presses Enter after typing in the input field, the form will be submitted, and the frame generation logic should run.

This will completely remove the need for the old, separate "Generate frames" button, making the UI much cleaner.

Contributor guide

Research direction
Wrap the st.text input and a new 'Visualize!' button inside an st.form. Modify the frame generation logic to execute on form submission, triggered by button click or Enter key. Remove the old 'Generate frames' button.
Tech stack
python
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitPython
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80