Online flowcharts generated from pseudocode
In Codoritmo you don't draw the flowchart by hand: you write the algorithm and the flowchart builds itself, with the symbols used in class. Change the code and the flowchart changes with it. When you run it, a light travels through the blocks so you can see where your program is.
Opens the program with the flowchart in the side panel.
An algorithm and its flowchart
This is the “Sum Until Zero” example and the flowchart Codoritmo generates for it, the same one you get as an SVG download. The Mientras loop goes back to its condition along the dashed line; the Si decision splits into two branches, Sí and No.
Algoritmo SumaHastaCero Definir numero, suma Como Real Definir cantidad Como Entero suma <- 0 cantidad <- 0 Escribir "Escribe números para sumar. Escribe 0 para terminar." Leer numero Mientras numero <> 0 Hacer suma <- suma + numero cantidad <- cantidad + 1 Escribir "Siguiente número (0 para terminar):" Leer numero FinMientras Si cantidad > 0 Entonces Escribir "Sumaste ", cantidad, " números." Escribir "Total: ", suma Escribir "Promedio: ", suma / cantidad SiNo Escribir "No escribiste ningún número." FinSiFinAlgoritmoHow to make a flowchart in Codoritmo
Write or open an algorithm
Type it in the editor, paste it or open one of the examples.
Open the Flowchart tab
In the side panel, Flowchart shows the diagram. If your program has subprocesses or functions, you choose which one to see.
Run it and watch it move
With Run or Step Forward, the block being executed lights up in the flowchart and in the code at the same time.
Download it
File › Export As › Flowchart as Image (.png) or Flowchart as Vector (.svg), for your report or slides.
Opens the program with the flowchart in the side panel.
If the flowchart doesn't show
The flowchart is built from the code, so it needs an algorithm without syntax errors. If a FinSi or FinMientras is missing, the Problems panel tells you which line has the error; once you fix it, the flowchart comes back.
What each symbol means
These are the same drawings the live flowchart and the language reference use.
Escribir (output)
A parallelogram with an arrow pointing out: the program shows something.
Leer (input)
A parallelogram with an arrow pointing in: the program waits for a value.
Assignment and calculation
A rectangle: stores a value in a variable.
Si … SiNo (if … else)
A diamond with two exits, Sí (yes) and No.
Mientras (while)
A diamond with a dashed line that goes back to the condition while it holds.
Para (for)
A hexagon: repeats its body a known number of times.
More generated flowcharts
Flowcharts of other examples in the library, generated the same way as the one above.
Codoritmo and PSeInt desktop
PSeInt also generates flowcharts. These are the differences.
What Codoritmo adds
- The flowchart builds itself and always matches the code.
- It animates during the run, step by step, forwards and backwards.
- It downloads as PNG or as SVG, which stays sharp at any size.
- As in PSeInt, you can edit it to write the code, switch to Nassi-Shneiderman and use the alternative input/output shapes.
What PSeInt desktop does that Codoritmo doesn't yet
- It works offline, as an installed program.
- It is the official tool: if your course grades with PSeInt, test your final submission there.
Codoritmo is an independent project, inspired by PSeInt and compatible with its syntax and school profiles. It is not PSeInt and is not affiliated with it. Official PSeInt website
Frequently asked questions
Can I make a flowchart without writing code?
Yes. Press the + on any arrow in the flowchart to add an instruction, double-click a block to change its text, and Codoritmo writes the pseudocode for you. You can also use Blocks mode and drag pieces, Scratch style.
Which symbols does it use?
The usual ones: an oval for start and end, a rectangle for assignments, a parallelogram for Leer and Escribir, a diamond for decisions and a hexagon for the Para loop.
How do I put it in Word or slides?
Download it as PNG to paste it straight in, or as SVG if you want it sharp at any size.
Does it work with subprocesses and functions?
Yes. Each SubProceso or Funcion gets its own flowchart, and you choose which one to see in the panel.
Examples to try
Solved programs, each with its code, its flowchart and a sample run.
Sum Until Zero
Adds up the numbers you type until you enter a 0.
BeginnerCan I Vote?
Tells you whether you can vote or how many years you have left.
BeginnerTimes Table
Prints the multiplication table for the number you choose.
BeginnerLeap Year
Applies the calendar rules to tell whether a year is a leap year.
Intermediate
More Codoritmo tools
- PSeInt onlineWrite and run pseudocode with PSeInt's syntax from your browser.
- PSeInt alternativeAn honest comparison of Codoritmo and PSeInt desktop.
- Trace tablesA table of every variable's value at each step, filled in while the program runs.
- Pseudocode to PythonYour algorithm translated into a Python program you can run.
- Pseudocode to CYour algorithm translated into a C (or C++) program ready to compile.
- Pseudocode to JavaYour algorithm translated into a Java class with a main method.
- Block-based programmingBuild your algorithm with Scratch-like blocks and see the pseudocode they write.