the flowchart executes step-by-step
variables update live in a watch window
Python code is generated automatically
loops (for / while) and if / elif / else are auto-detected
you can save/load as JSON
no backend — everything runs client-side
Demo: https://southernadd-cmyk.github.io/flowCode/
It’s aimed at:
computing / CS teachers
students learning sequencing & control flow
anyone who thinks in diagrams first
A few things it currently supports:
Start/End, Process, Variable, Decision, Input, Output nodes
live execution highlighting
variable trace table
zoom / pan canvas
import/export example diagrams
loop pattern detection (including basic for inference)
I’d really value feedback on:
UI clarity for students
whether execution semantics feel intuitive
missing blocks you’d expect (functions & arrays maybe coming soon)
browser performance with larger charts
anything confusing or obviously wrong
I’m especially interested in teacher perspectives using this with classes.
It’s a pure HTML/JS project — no accounts, no tracking, no ads.