Mit der folgenden Abbildung soll ein vereinfachter Überblick über das Zusammenspiel der beiden Teilbereiche, Algorithmen- und Programm-Visualisierung, im Rahmen des Software Engineering gegeben werden:
Zusammenspiel von Algorithmen- und Programm-Visualisierung.
Der obere Bereich der Grafik ist speziell der Konstruktion (Entwicklung) von Software zuzurechnen, während es im mittleren und unteren Bereich explizit um das Verstehen bereits existierender Software geht.
Die Visuelle Programmierung (engl. "Visual Programming") als Teilbereich der statischen Code- und Datenvisualisierung bezeichnet die Spezifikation eines Programms und dessen Daten, also die Generierung von abstrakten Beschreibungsmodellen mit Hilfe visueller Notationen. Verwendung finden dabei UML-Diagramme, Nassi-Shneiderman-Diagramme, Petri-Netze o.ä.
Ausgehend von der Programmspezifikation werden Algorithmen und Datenstrukturen entwickelt. Diese Algorithmen können statisch, zum Beispiel durch Angabe in Pseudocode oder in Form eines Programmablaufplans visualisiert werden - statische Algorithmen-Visualisierung. Im Sinne des Abstraktionsbegriffs nach Price et al. werden in der Regel nur wesentliche Verfahrensschritte unter Verwendung einer grafischen Symbolik dargestellt. Anwendung findet diese statische Form der Algorithmen-Visualisierung u.a. in Lehrbüchern.
Mit einer dynamischen Algorithmen-Visualisierung (Algorithmen-Animation) lässt sich das dynamische Verhalten eines Algorithmus visualisieren, indem während der symbolischen Ausführung verschiedene grafische Sichten auf die Datenstrukturen des Algorithmus dargestellt werden. Angewendet wird dieses Vorgehen hauptsächlich im Ausbildungsbereich, um dem Lernenden die prinzipielle Funktionsweise einzelner Algorithmen besser und einprägsamer zu verdeutlichen. Das Video Sorting Out Sorting gilt als eines der ersten Beispiele für Algorithmen-Animationen. Darin wird die Arbeitsweise verschiedener Sortierverfahren mit Hilfe einfacher, animierter Darstellungen erläutert. Eine weiter entwickelte Möglichkeit bieten inzwischen Java Applets, die ganz ähnliche Funktionalitäten zur Verfügung stellen. So findet der Leser beispielsweise unter http://math.hws.edu/TMCM/java/xSortLab/ Animationen zum besseren Verständnis von fünf verschiedenen Sortierverfahren.