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

Full screen for the reader view: the diagram, the console, the variables and the code cover the whole screen, also on phones.
Cleaner toolbar: zoom and full screen sit in the corner of the diagram; Variables and Code are switches that show their state.
Input on phones: a check button and the Go key of the phone keyboard confirm a value; a quiz page is never submitted by it.
From 2.5.1: a library of school algorithm templates in the File menu, copy the diagram as an image, and a CodeLab button.

Core features

Visual editor: Declare, Assign, Input, Output, If, For, While, Do...While, Break, Continue, 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 every language.
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: pseudo-code and Python, C, C++, Java, C#, JavaScript, Pascal, Visual Basic .NET, Go, Rust and Kotlin.
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.4.1 (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.