Tournament Progress Visualization Dashboard (Interactive Tree)

[Shubham-cyber-prog]

🚀 Feature Request: Tournament Progress Visualization (Interactive Tree)

Hi @Ayush0316 👋,
I'm a GSSoC'25 contributor and I would love to contribute by adding a Tournament Progress Visualization Dashboard to KnockoutZone.

---

📌 Description:

This feature will show the tournament bracket/progression as an interactive tree diagram. It will allow users (admins & players) to:

• View the tournament round-by-round in a visually connected format
• See team names, match scores, and real-time updates
• Click nodes (matches) to see match details
• Display different formats later (e.g., Round Robin or League)

---

💡 Inspiration:

Such a dashboard greatly enhances the user experience by providing an intuitive understanding of progress, especially in tournaments with many players.

---

🧰 Tech Stack Suggestion:

• Frontend: React + Tailwind + D3.js or Chart.js for the bracket layout
• Backend: Use existing match data via APIs
• Optional: Add animation/transitions for smooth UX

---

Please let me know if I can work on this under GSSoC'25. I'd be happy to submit a detailed implementation plan once approved.

Thanks! 🙌
Subham

[Ayush0316]

Hi Subham,
You can work on this issue, but as of now we don't have any Api implemented so there will be no data available, so I think we should wait awhile for some backend Api to be developed first and then we will work on this.

[anshikayadav17]

Hi Maintainers,

I hope you’re doing well. I came across this issue and found it quite interesting and aligned with my current skill set and learning goals. I would love to contribute to this feature/enhancement/bug fix as a part of my open-source journey.

I’m confident in my abilities to take this forward as I have hands-on experience with the required technologies mentioned in the repository. I’ve gone through the codebase and understood the context of the issue. I’m also willing to communicate actively and follow all contribution guidelines.

Kindly assign this issue to me under the GSSoC’25 program (or mention any other program if applicable). I assure you that I’ll give my best and submit a quality PR within the given timeline.

Looking forward to your support and guidance.

Thank you !