From code to flowchart,
in seconds
Forget manual drawing. Paste your code (Python, JS, C++ and 7 more) and get a clean flowchart or Nassi-Shneiderman structogram in seconds.
✓ Export to Word and Visio as native shapes (fully editable!)
✓ Perfect for CS assignments, labs and docs
🎁 Sign up — and get 1 free export right away. Plus saved charts, history and the Pro editor.
Drawing flowcharts by hand takes hours
Students — a report, lab, coursework, thesis. Teachers — handouts, lectures, assignments and their examples. Anywhere there is an algorithm, it has to be drawn as a standards-compliant flowchart: rulers, shapes, arrows, redoing it after every code change. rombik does this in a second — and lets you adjust the result to any requirements.
Your flowchart — in the format you need
No dead images: your chart arrives in the native format of your tool. In Word and Visio — real editable shapes, in Typst — clean typesetting code, in Excalidraw and draw.io — board objects. Pick any of the top formats — all standard-compliant.
- Word (.docx) · Visio (.vsdx) — real editable shapes, not a pasted picture
- Typst — clean CeTZ code, native to academic typesetting
- Excalidraw · draw.io — native objects on the board and diagrams.net
- SVG · PNG · PDF — universal: print, slides, the web
#import "@preview/cetz" #cetz.canvas({ rect((0,0), label: "Початок") line((0,0), (0,-1)) diamond(label: "n > 0") })
Nassi-Shneiderman structogram — same code, a different view
Nested boxes, not a single arrow: sequence is a stack, branching is a condition triangle, a loop is a frame. A clean view of the algorithm’s structure, often required in universities. One toggle in the editor — and the same function becomes a structogram.
- One click: flowchart ↔ structogram — from the same code
- Any format — Word, Visio, draw.io, Typst, Excalidraw, SVG, PNG, PDF
- Works the same across every language — nothing to configure
Exactly per ISO 5807
Oval, rectangle, diamond, parallelogram, loop hexagon, subroutine symbol — every shape exactly to standard. Passes strict academic review, no nitpicks on shapes, lines or nesting.
Flowcharts from Python, JS, TS, C++, C#, Java, Go, PHP, Pascal
Paste code in any of nine languages — Python, JavaScript, TypeScript, C, C++, C#, Java, Go, PHP, Pascal. The generator understands if/else, switch/match, loops, functions and class methods, I/O — nesting of any depth.
Built-in visual editor
Right inside rombik: change a block’s text and shape, drag it, draw an arrow. Lasso-select blocks to split the chart into parts or merge them back.
Tall charts split neatly into pages
rombik auto-cuts an oversized chart into A4 pages with connectors (A, B…) — it drops cleanly into coursework or teaching materials, nothing clipped.
rombik right in Telegram
Don’t want to open the site? Send code to the bot — and get a ready flowchart and a .docx right in the chat.
- 👥 As a group: add the bot to your course chat — one shared export balance for everyone, an admin tops up.
- 👤 Solo: DM the bot and link your account — render from your own export balance.
- ⚡ A code file or
/renderwith code → a standard flowchart in seconds.
🧑🤝🧑 For the whole group — from $0.38 per export (100-export pack). One admin payment → the whole class renders.
Examples, updates and announcements — our Telegram channel →
Pick format & language → «Generate»
✅ Done! Balance: 41 exports.
Many charts at once — let AI do it
A whole set of teaching materials or a batch of commissioned works? Don’t click each one: ask an AI agent (Claude Code, etc.) and it generates every chart from your code itself. You only pay for the charts you generate.
- 🤖 An AI agent builds all the charts for you — you just give the task
- ⚡ Batch generation — dozens of charts in one call, no manual clicking
- 🔌 HTTP API, CLI & MCP — for scripts, CI and AI clients (developer details below)
$ curl -fsSL rombik.app/install.sh | sh
✓ installed
$ rombik auth
✓ signed in via browser
$ rombik render main.py -f pdf -o chart.pdf
✓ chart.pdf
$ rombik batch src/*.py -f pdf -o project.pdf
✓ rombik-batch.pdfHow it works?
Paste code
A function or a whole program — Python, JavaScript, TypeScript, C, C++, C#, Java, Go, PHP or Pascal. Another language, or just a description in words? There’s the rombik format (Pro).
Get a flowchart
The engine builds an ISO 5807 flowchart — instantly.
Tweak and export
Change what you need and download as Word, SVG or PNG.
FAQ
Is the chart really ISO 5807-compliant — will my teacher accept it? +
rombik follows ISO 5807 (GOST 19.701-90): correct shapes (oval, rectangle, diamond, parallelogram, loop hexagon, subprogram symbol), directions and labels. If the requirements are specific (different words, a single “End”, etc.) it’s configurable. So the chart matches both the standard and your teacher.
How much does it cost and do I need to sign up? +
Building a chart, previewing it and even downloading a watermarked preview is free and needs no sign-up, with no limits (the watermark isn’t for submission). Clean, unwatermarked formats — Word (.docx), Visio (.vsdx), draw.io, Typst, Excalidraw, SVG, PDF, hi-res PNG — need a free account and cost 1 export each (3 functions in one file — 3 exports). Export packs start at $2.69 (“Lab” — 3 exports); the Pro editor adds custom labels and bonus exports. Full pricing is on the Pricing page.
Is there a solution for a whole class/group? +
Yes — there’s a Telegram bot. As a group: an admin tops up a shared balance once, and the whole group drops code files into the chat and gets ready charts in seconds — no sign-ups, much cheaper than one by one. Solo: you can also DM the bot — link your rombik account and render from your own export balance, no group.
Can I get a structogram (Nassi-Shneiderman) instead of a flowchart? +
Yes. The editor has a “Structogram” toggle — the same code becomes a structogram (nested boxes, no arrows). It exports in any format — Word, Visio, draw.io, Typst, Excalidraw, SVG, PNG, PDF — and works the same across every supported language.
What formats can I export to? +
To Word (.docx) and Visio (.vsdx) as native shapes; to draw.io and Excalidraw as board objects; Typst as typesetting code; plus SVG, PNG and PDF. The same set works for both flowcharts and structograms.
Which languages are supported? +
Fully supported: Python, JavaScript, TypeScript, C, C++, C#, Java, Go, PHP and Pascal. All core constructs (conditions, loops, functions/procedures/methods), plus lambdas and the ternary operator, are recognized automatically and drawn per ISO 5807. What is NOT drawn (exceptions, inline anonymous lambdas) is described honestly on the “How it works” page.
Is it good for teaching materials, lectures and assignments? +
Yes — it’s one of the main use cases. Teachers generate dozens of ISO 5807 charts for handouts, lectures and examples: paste code — get a ready chart, export to Word as real objects (not a picture) and edit it for your course. For large volumes there’s an AI skill and batch generation — all charts at once.
How do I copy a chart into Word/Google Docs? +
Easiest — download as Word (.docx): the chart drops straight into your document as real objects, standard-compliant — no manual pasting needed.
I want to use my own words (Yes/No, Input/Output). How? +
By default the labels come ready — Yes/No, Input/Output. If your teacher wants otherwise, open “Settings” (the gear icon) → “Text & labels” tab and set any words you like: branch labels (Так/Ні · Yes/No · +/−), input/output words, the caption template “Figure N”.
Where does my code go? +
Your code is sent to our server, where the engine builds the chart and returns it to you right away. We don’t publish your code or share it with third parties — it’s only used to generate the chart.
What if the chart turns out too long or too wide? +
Large algorithms can be split into parts. The “✂ Split” button under the chart cuts it by height automatically. In the visual editor you split manually: lasso-select blocks (Shift+drag) → “⊞ Separate chart”, and “⊟ Merge” joins them back. Connector circles (A, B, C…) appear at the seams automatically.
How do I change a block’s text or shape? +
Click “✎ Edit” under the generated chart. The visual editor opens, where you can double-click text to change it, add new blocks, draw arrows or reroute them.
Can AI make the charts for me? Is there an API? +
Yes. rombik ships a ready-made skill for AI agents (Claude Code, etc.) — just ask, and the agent generates charts from your code. For scripts, CI, or your own app there’s an HTTP API and a CLI. Details on the “How it works” page. Same pricing — 1 function, 1 export.
My language isn’t listed — or I only have a description in words. What now? +
That’s what the rombik format is for — you give the chart as a description, not code. With Pro it’s built in: in the editor pick the «🪄 Description / any language (AI)» language, type a description (or paste code in a language we don’t parse — assembler, Rust, pseudocode) and press «Generate». Important: the AI only translates it into the rombik language, while the chart itself is drawn to ISO 5807 by our deterministic engine — so it’s stable and exactly standard-compliant, not “whatever the AI imagined”. Then fine-tune it in the visual editor. (Without Pro, or as a fallback, copy a ready prompt into an external AI chat.)
What’s the difference between a flowchart and a structogram? +
A flowchart uses shapes joined by arrows (oval, rectangle, diamond) — the control flow is shown by lines. A Nassi-Shneiderman structogram uses nested boxes with no arrows at all: a sequence stacks top to bottom, branching is a condition triangle, a loop is a frame. Same logic, different look — rombik builds both from the same code, switched with one toggle.
What is ISO 5807 (GOST 19.701-90)? +
It’s the standard for algorithm and program flowcharts: it defines which shapes mark the start and end (oval), a process (rectangle), a decision (diamond), input/output (parallelogram), a loop (hexagon), a subroutine call, and so on, plus the flow directions. It’s the standard used for flowcharts in academic work — and exactly what rombik follows, so it passes strict review.
Can I upload a code file instead of pasting? +
Yes — just drag a file (.py .js .ts .go .php .cpp .c .java .cs .pas) straight into the code field of the editor. The language is detected from the extension automatically. You can also paste code the usual way — whichever is handier.
Does rombik work on a phone? +
Yes — rombik runs online in the browser, nothing to install: on a computer, phone or tablet. Building a chart and exporting work anywhere; for fine manual editing in the visual editor a bigger screen is comfier.
How long does it take to build a chart? +
Seconds. Paste code and the engine draws a ready standards-compliant flowchart right away — no queues, no waiting. You can edit or export it immediately.
Are my charts saved to my account? +
Yes — with a free account your charts and history are saved and available from any device. Without signing up you can still build and preview a chart, but it won’t persist between sessions.
Why is this better than drawing a flowchart by hand in Word or draw.io? +
By hand, a single chart is tens of minutes: aligning shapes, arrows, and redoing it all after every code change. rombik builds it from code in seconds and exactly to standard, then hands it over as native editable shapes — right inside Word, Visio or draw.io, where you can tweak them if needed. So you don’t draw from scratch — you start from a ready, submission-grade result.
Reviews
What people who submitted their charts on time say.
to leave a review.
Something broke or have an idea?
Chart came out wrong, or a feature is missing? Drop a line — I read every message and fix things fast.