[FEATURE] : Show Random Numbers in Sorting Visualization

[Shreshta8]

✅ Expected Behavior

Each bar in the sorting visualization should display a number (its value) so that users can clearly understand what is being sorted.

❌ Actual Behavior

Currently, the bars are shown without any numbers, which makes it harder to follow the actual sorting process.

🧪 Steps to Reproduce

1. Open the app.
2. Start a sorting visualization.
3. Notice that the bars do not display numbers.

🎯 Proposed Solution

• Generate and assign random numbers to each bar.
• Display these numbers either:
  • On top of the bar (as a label), or
  • Inside the bar with good contrast.
• Update the numbers dynamically as the bars move during sorting.

💻 Environment

• OS: Windows 11
• Browser: Chrome 118
• Device: Laptop

🙋‍♀️ Want to work on this issue?

• I want to fix this issue under GSSoC’25

[vinayakpalse]

Hi @Shreshta8 👋

I’d love to work on this issue as part of GSSoC’25.
The feature is clearly defined, and I believe displaying values on the bars will significantly improve the learning experience during sorting visualizations.

Proposed approach:

• Generate random numbers and bind them to each bar.
• Display the value either inside or on top of the bar with proper contrast.
• Ensure the numbers update dynamically during swaps/animations.
• Keep the UI clean and readable across different screen sizes.

If this sounds good, please assign the issue to me.
Looking forward to contributing