Tiny Algorithm: Flowchart Editor

Draw algorithms as flowcharts right in the Moodle text editor, run them step by step and turn them into code.

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.2.0

The code follows the diagram: during Run and Step the lines of the generated code that belong to the current block are highlighted, in the editor, in pages and in quiz questions.
Matrices as parameters: a function can take a matrix, written m: Integer[,], passed by reference like an array, in the interpreter and the code of all seven languages.
Do...While shows its F branch: the line below the condition is labelled F and is marked when the loop ends.
Generated code: Pascal writes Char(s, i) as a string of one character, so ToCode of it compiles.

Core features

Visual editor: Declare, Assign, Input, Output, If, For, While, Do...While, Call, Return, Comment; several functions, undo / redo.
Drag, copy and paste: drag a block onto a + sign with the mouse or a finger; Ctrl + C, X, V and D copy, cut, paste and duplicate blocks, also between diagrams.
Arrays and matrices: m[i, j] in the interpreter, the variable watch and the code in all seven languages.
Save as SVG or PNG: the whole diagram as a picture for handouts and slides.
Interpreter: Run / Step / Stop, console with input, variable watch, infinite-loop guard and clear error messages; the current block and the branch each condition takes are marked.
Arrows: every connection that enters a block, goes back to a loop condition or joins another line ends in an arrow.
Flowgorithm files: import and export real .fprg files.
Code generation: Python, C, C++, Java, C#, JavaScript and Pascal, every name written as declared.
Editable images: the diagram is an SVG image that keeps its model; double-click to edit again. Zoom and per-diagram options included.
Students edit and test: with filter_algorithm, students can change their own copy of a diagram in any content and run the teacher's tests.
Tests from the solution: the teacher enters only the inputs; the expected outputs are computed from the teacher's solution. A test can also call one function and check the value it returns.

The algorithm plugins

Algorithm (flowchart) (this plugin): the flowchart editor in TinyMCE, with the interpreter and code generation.
Algorithm viewer (Run / Step): 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).
Companion plugins (optional): filter_algorithm 2.2.0 (Run / Step and the student features for readers) and qtype_algorithm 2.2.0 (quiz question type with automatic grading).

Privacy

The editor and interpreter run in the browser; nothing is sent to external services. The diagram is stored in the text you save. The plugin keeps two display preferences (code and variable panels) and the student's own copy of an editable diagram in the browser's local storage and 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-tiny_algorithm
Licensed under the GNU GPL v3 or later.