Most algorithm visualizers do one thing well: they show how algorithms work.
But watching an animation is not the same as understanding it—let alone implementing it.
Bayan Flow 0.4.0 is designed to bridge that gap.
In this article, we’ll explore how this release goes beyond visualization to deliver a more complete learning experience.
What This Update Is Really About
The core idea behind Bayan Flow is simple: clarity.
Not just clean visuals, but:
- Clear mental models
- Immediate feedback
- Practical interaction
Version 0.4.0 expands this vision significantly.
A Full Searching Suite (Not Just the Basics)
Searching is often oversimplified. This update introduces a broader set of algorithms:
- Linear Search
- Binary Search
- Jump Search
- Interpolation Search
- Exponential Search
- Fibonacci Search
- Ternary Search
- DFS & BFS (graph-based)
Why This Matters
Different algorithms perform better under different conditions. By exposing multiple approaches, learners can:
- Compare strategies
- Understand trade-offs
- Choose the right tool for the problem
Adaptive Visualization
One standout feature is the dual-substrate UI:
- Array-based searches → visualized as narrowing ranges
- Graph-based searches → rendered as node-link structures
This allows a single interface to adapt to fundamentally different data models.
Built-in Python IDE with Instant Feedback
Understanding an algorithm conceptually is one step.
Writing it yourself is another.
To support this, Bayan Flow now includes an in-browser Python IDE powered by Pyodide.
Features
- No installation required
- Runs entirely in the browser
- Instant execution
LeetCode-Style Testing
The IDE also includes a test harness:
- Run predefined test cases
- Add custom inputs
- Get immediate pass/fail results
def binary_search(arr, target):
left, right = 0, len(arr) - 1
while left <= right:
mid = (left + right) // 2
if arr[mid] == target:
return mid
elif arr[mid] < target:
left = mid + 1
else:
right = mid - 1
return -1
This tight feedback loop is critical for turning passive learning into active mastery.
In-Browser Video Export (Powered by Remotion)
One of the most powerful additions in 0.4.0 is the ability to export visualizations as videos.
What You Can Do
- Export any algorithm run as an HD MP4
-
Choose format:
- Horizontal (YouTube)
- Vertical (Shorts, TikTok)
Built-in Enhancements
Each exported video includes:
- Smooth rendering
- Clean transitions
- A final complexity analysis segment
Why It Matters
This feature transforms Bayan Flow into more than a learning tool:
- Students can document their understanding
- Educators can generate teaching material
- Creators can produce algorithm content effortlessly
Algorithm Insight Panel
To complement visual learning, the new Insight Panel provides quick references:
- Algorithm history
- Common use cases
- Time and space complexity
This reduces context switching and keeps learning focused.
What’s Coming Next (0.5.0)
The roadmap is already moving forward.
Upcoming features include:
- Tree Traversals
- Advanced Graph Algorithms (e.g., Kruskal’s, Prim’s)
Key Takeaways
- Visualization alone is not enough for learning algorithms
- Interactive coding + testing accelerates understanding
- Adaptive UI helps match the structure of the data
- Built-in video export enables learning and sharing
- Contextual insights reduce friction during study
Final Thoughts
Bayan Flow 0.4.0 shifts the focus from watching algorithms to working with them.
If you're learning data structures and algorithms, this kind of feedback-driven environment can significantly improve how quickly you progress.
Try It and Share Your Thoughts
Explore the project, test algorithms, and experiment with the new features.
What would you like to see next?
- More algorithms?
- Different languages?
- Advanced problem sets?
Join the discussion and contribute to the direction of the project.
