Build by dragging
Drag statements, branches, loops and switches from the palette into the diagram and type the text right in.
Free · no sign-up · nothing to install
Build, test and understand structograms. Right in your browser.
With VisuStruct you design algorithms as Nassi-Shneiderman structograms: drag elements in, run them step by step and turn them into Java, Python or JavaScript code.
Works on computers, tablets and phones. Your files stay on your device.
How it works
From problem to program in three steps
-
Build
Drag the building blocks into the structogram and describe each step in plain words or in code.
-
Test
Start the simulator and follow block by block how the variables change.
-
Translate
Generate Java, Python or JavaScript and continue in your development environment.
Features
Everything you need for structograms
An editor made for the classroom: clear, precise and free of distractions.
Test step by step
The simulator highlights the active block and shows variables and output, so you see at once whether your algorithm works.
Structogram and Java, live
Type Java code and the structogram builds itself live – and the other way round. VisuStruct also translates to Python and JavaScript.
Export and print
Save as PNG, SVG or PDF, or print directly, for worksheets and exams.
Lessons in three languages
The interface and the lessons are available in German, English and Portuguese.
Your data stays with you
No account, no uploads. Your work is saved as a .visustruct file on your device.
Learning area
Learn structograms step by step
Next to the editor there is a learning area: lessons explain how to use the editor and what sequence, branches and loops are about. You try out what you read right next to it.
- Lessons in short steps, with diagrams to open
- Exercises that VisuStruct checks automatically
- Tasks with a sample solution to compare
- A checklist and a quiz at the end of each lesson
Your progress stays in your browser. The lessons are available in German, English and Portuguese.
New: VisuBot
Structograms that drive a real robot
With VisuBot you program the mBot2 learning robot by Makeblock, as a structogram or in Java. Without a robot it drives in a 3D simulator. Connect the real mBot2 with a USB cable and it drives every step along.
- Dedicated lessons on motors, sensors, LEDs, sound and the screen
- Exercises and projects checked automatically in the simulator
- Real mBot2 over USB in Chrome or Edge, nothing to install
- Choose “VisuBot” at the start, switch in the gear menu
You only need an mBot2 for the real robot. The simulator runs everywhere.
New: VisuObject
Object-oriented programming: class diagram and Java together
VisuObject is the world for advanced classes. You write Java classes in a project with packages, just like in Eclipse, and the UML class diagram draws itself alongside. Change the diagram and the code changes, and the other way round.
- Classes, interfaces, association, aggregation, composition and inheritance
- Project with a src folder and packages, saved in your workspace folder
- Run the program with Run, the output appears in the console
- Choose “VisuObject” at the start, switch in the gear menu
Learn the basics in VisuStruct, then continue with classes in VisuObject.
More versions
Prefer an app?
All versions share the same .visustruct format. Start in the browser and continue in the app, or the other way around.
Mac, iPad and iPhone
The native SwiftUI app from the App Store, also works offline.
Java app for Windows, macOS and Linux
Download as a .jar (Java required, e.g. Adoptium / Eclipse Temurin).
Download the Java appAlgorithm first, then code
Think about logic and flow first. Then translate the same structure into the programming language of your choice, step by step and easy to follow.
Try it now