An interactive, visual learning tool for understanding SQL concepts through live diagrams and interactive examples. Perfect for beginners and those looking to deepen their SQL knowledge.
- Interactive Visualizations: Understand complex SQL concepts through animated diagrams
- Live Query Examples: See SQL queries execute in real-time with visual results
- Custom Data Input: Provide your own data and SQL queries to visualize
- Beginner-Friendly: Designed to make SQL concepts intuitive and easy to understand
- Accessible Design: Semantic HTML and screen reader support for inclusive learning
- Modern UI: Clean, responsive design that works on all devices
- A modern web browser (Chrome, Firefox, Safari, or Edge)
- JavaScript enabled
- No installation or setup required — just visit and start learning!
Visualize all types of SQL joins with interactive examples:
- INNER JOIN
- LEFT JOIN
- RIGHT JOIN
- FULL OUTER JOIN
- And more...
See how joins combine data from multiple tables with step-by-step visual walkthroughs.
Understand the order in which SQL clauses are executed:
- SELECT, FROM, WHERE, GROUP BY, HAVING, ORDER BY
- Interactive timeline showing clause execution sequence
- Learn why certain operations happen before others
- Window Functions – Learn ROW_NUMBER(), RANK(), SUM() PARTITION BY, LAG(), and more
- CTEs & Subqueries – Master common table expressions and nested queries
- Additional advanced SQL topics
- ✅ Chrome/Chromium (latest)
- ✅ Firefox (latest)
- ✅ Safari (latest)
- ✅ Edge (latest)
Requires JavaScript enabled and modern ES6+ support.
Each visualization provides:
- Interactive Tables – Input your own data with the ability to add/remove rows
- Custom SQL Input – Write and execute your own SQL queries against your data
- Visual Diagrams – SVG-based connector diagrams showing data flow and relationships
- Result Grid – Real-time query results as you modify inputs and queries
- Step-by-Step Guides – Explanations of what's happening at each step
- Accessible Interface – Full keyboard navigation and screen reader support
This repo is for viewing and feedback only. Not open source.
See the full license and terms for permitted and prohibited uses.
- 📖 Check out the Site Documentation for architectural details
- 🔧 See Version Notes page for project history and versions
We'd love to hear your thoughts! While this isn't an open-source project accepting code contributions, we welcome feedback and suggestions:
- 📝 Open an Issue to report bugs or suggest features
- 💭 Start a Discussion for general feedback and ideas
- 📧 Share your learning experience and how Y-SQLVIZ helped you understand SQL better
Your feedback helps us improve the learning experience for everyone.
Yavanika Balaga — Created Y-SQLVIZ to make SQL learning interactive and intuitive.
Version: 1.3 Last Updated: March 2026
Have questions or something unclear? Don't hesitate to reach out via Issues or Discussions.