Algorithm Viewer: Run / Step for Flowcharts

Makes flowcharts created with tiny_algorithm interactive for readers, in pages, course summaries, forums and quiz text.

Live demo: try the plugin on algorithm.tsp.edu.rs. Log in as a guest, or use the demo accounts teacher and student (password Demo-2026). Everything is reset every night.

What's New in v2.5.3

All comments at once: with tiny_algorithm 2.5.3 a Comments switch numbers the comment bubbles and lists every comment under the diagram.
Lighter pages: the viewer is loaded once per page, and diagrams that are drawn again leave nothing behind in the browser's memory.
Fast with big arrays: with tiny_algorithm 2.5.3 Run and Step no longer slow down with the size of the arrays, and strings and arrays have safe limits.
Requires tiny_algorithm 2.5.3 or later.

Core features

Run / Step / Reset: the current block is highlighted, with a speed slider.
Console with input: variable watch and generated code beside the diagram: pseudo-code and eleven languages with tiny_algorithm 2.4 (Python, C, C++, Java, C#, JavaScript, Pascal, Visual Basic .NET, Go, Rust, Kotlin).
Zoom and full screen: buttons in the corner of the diagram, Ctrl + mouse wheel and two-finger pinch.
Runs in the reader's browser: nothing is sent to the server.
Opt-in per diagram: only diagrams inserted with the Interactive option are replaced.
Edit and test: when the teacher allows it, students edit their own copy and run the teacher's tests.

The algorithm plugins

Algorithm (flowchart): the flowchart editor in TinyMCE, with the interpreter and code generation.
Algorithm viewer (Run / Step) (this plugin): Run / Step for readers and the student features in any content.
Algorithm question type: quiz questions graded automatically with tests.

Requirements

Moodle: 4.5 LTS to 5.3 (PHP as required by your Moodle version).
tiny_algorithm: version 2.5.3 or newer. After installing, switch the filter On in Site administration, Plugins, Filters, Manage filters.

Privacy

The program runs in the reader's browser and nothing is sent anywhere. Two display preferences (code and variable panels) and the student's own copy of an editable diagram are kept in the browser's local storage. The plugin implements the Moodle Privacy API (no personal data stored).

Developed by Boban Blagojević. Languages: English and Serbian (Latin and Cyrillic).
Source, documentation and issue tracker: github.com/blagojevicboban/moodle-filter_algorithm
Licensed under the GNU GPL v3 or later.