Interactive lab

Technical demos

Practical tools to truly understand how algorithms work. Not theory: real code running on real problems, in the browser.

The problem with online tutorials

You watch a video, read an article, nod along. Then you go back to work and don't know how to apply it. Reading an algorithm is not understanding it: you have to watch it run on real data, stop it, change it, compare it.

These demos are built on a simple belief: concepts are understood by watching them in action, not reading definitions. Every demo uses real data and a recognizable context, so the algorithm's behavior makes immediate sense.

The goal is not the graphics: it's to make you understand the why behind every choice, so you can use it in your own projects.

Why these demos are different

Most online visualizers use invented graphs with no names and no real context. You see something move but don't understand why. Here the context is real: Italian cities, real distances. The brain learns better when the problem has meaning.

Real data

Cities, distances, real maps. The problem is concrete, and so is the solution.

Direct comparison

Run different approaches on the same problem and see the differences in real time.

Step by step

Advance manually and observe every single decision. You don't have to trust: you see it.

Tied to practice

Each demo is explained in a way that connects what you see to what you write in everyday code.

What you take away

These demos are not entertainment. They are training tools that give you concrete advantages:

  • You understand when to use which approach and can justify it to your team
  • You physically see the trade-off between speed and correctness, not just read about it
  • You build a solid foundation to apply the same concepts to real problems: navigation, planning, optimization
  • You move from developers who "know it exists" to those who know how to use it and why

Want to apply these concepts on real projects?

The demos are free. The Software Architecture course gives you the method to use them every day, on your real code.

Available demos

The first demo is currently available, on shortest paths between cities. Others are in development covering sorting and tree structures.

Paths & Graphs

Italy Route Explorer

Choose a starting city and a destination, select a search method and watch how the program finds the shortest path between them. Compare four different approaches on the same route.

What you understand with this demo
  • Why some methods always find the best path while others are faster but less precise
  • How the cost of each connection completely changes the final result
  • The difference between searching broadly and searching guided by a goal
  • How much work the program does to find the answer: explored nodes, time spent
Sorting Visualizer
Compare how different sorting methods work on a real array of numbers, step by step
Search Tree
Insert, delete and search elements in an animated binary tree, and see how it stays balanced