Skip to content

Add interactive SortVisualizer and render it in App#219

Open
tomadowley wants to merge 1 commit intomasterfrom
cosine/feat/add-cool-stuff
Open

Add interactive SortVisualizer and render it in App#219
tomadowley wants to merge 1 commit intomasterfrom
cosine/feat/add-cool-stuff

Conversation

@tomadowley
Copy link
Owner

Introduced a new SortVisualizer component and integrated it into App.tsx. The visualizer demonstrates a bubble sort algorithm with animated bars and controls for algorithm, array size, playback speed, and shuffling.

What’s included:

  • New file: src/components/SortVisualizer.tsx
    • Bubble sort visualization with step-by-step playback
    • Controls: Algorithm (currently Bubble Sort), Size, Speed, Shuffle, Play/Pause, Prev, Next
    • Randomized arrays via a seed (shuffle button)
    • Inline-styled UI for a self-contained visual experience
  • App.tsx updates to import and render alongside PrimeChecker

This adds a fun, interactive visual element to the repo without affecting existing functionality.


This pull request was co-created with Cosine Genie

Original Task: sorbox/1ijz63845tbv
Author: Tom Dowley

Co-authored-by: Genie <genie@cosine.sh>
@vercel
Copy link

vercel bot commented Dec 4, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
sorbox Ready Ready Preview Comment Dec 4, 2025 4:34pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant