Code → flowchart as real
Word & Visio shapes
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
- Flowcharts and Nassi-Shneiderman structograms
ISO 5807 · 10 programming languages · your chart in seconds
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 you can 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 twelve 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 · JPEG · WebP · GIF · PDF · HTML — 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, JPEG, WebP, GIF, PDF, HTML
- Works the same across every language — nothing to configure
What rombik does
Exactly per ISO 5807
Oval, diamond, parallelogram, loop hexagon, subroutine symbol — every shape exactly to standard. Strict academic review finds nothing to pick at.
Ten programming languages
Python, JavaScript, TypeScript, C, C++, C#, Java, Go, PHP and Pascal. The engine understands if/else, switch, loops, functions and methods — 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. Comes with Pro.
Tall charts split neatly into pages
rombik auto-cuts an oversized chart into A4 pages with connectors (A, B…) — it drops into coursework cleanly, nothing clipped.
rombik right in Telegram
Don’t want to open the site? Send the bot your code in Telegram: a ready flowchart and a .docx land right in the chat.
- As a group: add the bot to your course chat — one plan for the whole chat, and everyone makes their first chart for free.
- Solo: DM the bot and link your account — render under your own plan.
- A code file or
/renderwith code → a standard flowchart in seconds.
For the whole group — one plan per chat for a month or a semester. One admin payment → the whole class renders.
Examples, updates and announcements — our Telegram channel →
Pick format & language → «Generate»
Done! Chat plan “Group” until 30.12.
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. API, CLI and MCP come with the Pro plan.
- 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
$ 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, in ten languages. No code? Describe the algorithm in words (Pro).
Get a flowchart
The engine draws an ISO 5807 flowchart — one second, and it’s on screen.
Tweak and export
Tweak a label or a block shape (Pro) — then take it as Word, Visio or any other of the twelve formats.
What it costs
You see the chart on screen right away, for free — with a watermark. A plan removes it from both the preview and the files you submit: by the week, month or semester, no auto-charges.
Student
$1.49 / month
unlimited clean exports, a preview without the watermark and the Telegram bot. A semester costs less.
Pro
$2.99 / month
everything in Student + the chart editor, AI from a description, API, CLI and MCP.
For a group
$9.99 / month
a plan for the whole Telegram chat: one person pays, the whole group draws.
The on-screen chart and watermarked preview are always free; clean exports a month with an account — 1.
FAQ
Getting started
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.
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.
How long does it take to build a chart? +
Seconds. Paste code and the engine draws a ready standards-compliant flowchart right away. You can edit or export it immediately.
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.
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.)
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 batch generation — all charts at once, plus an AI skill with Pro.
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.
Standard & formatting
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.
My teacher says a flowchart must not contain code. What do I do? +
A common rule in course guidelines: blocks describe what happens, not language syntax. After building, the “Match your guidelines” row above the chart has “Block text”: Math — d = 0, b² − 4ac, √d instead of d == 0 and b ** 2; Words — “d equals 0”, “a is less than 20”, “x is even”, “Replace a with b”. It’s free and works for all 10 languages. With Pro, the “✨ Textbook style” button rewrites the chart textbook-style: blocks describe what happens (“Compute the remainder of dividing the first number by the second”), and small steps become one block (“Input a, b, c”); branches and loops stay the same as in the code. With Pro you can also upload the guidelines themselves (a PDF or pasted requirements): AI reads them and sets branch labels, Start/End and block text, and a link shares the setup with your group. In the Telegram bot — the “Math” / “Words” buttons in the panel.
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.
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.
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, JPEG, WebP, GIF, PDF, HTML — and works the same across every supported language.
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, after building there is a “Match your guidelines” row above the chart: “Branches” (Yes/No · +/−) and “Start/End” — free. Everything else is in “All settings” (the gear), and with Pro you can set any words you like: branch labels (Так/Ні · Yes/No · +/−), input/output words, the caption template “Figure N”.
Editing & export
How do I change a block’s text or shape? +
Click “Edit” under the generated chart (Pro plan). The visual editor opens, where you can double-click text to change it, add new blocks, draw arrows or reroute them.
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.
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, JPEG, WebP, GIF and PDF. There is an animated GIF where the chart draws itself block by block, and an HTML page — chart and code side by side, opens in any browser. There is also a poster — code and chart in one image, for social media, a handout or a slide. The same set works for both flowcharts and structograms.
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.
Account, pricing, privacy
How much does it cost and do I need to sign up? +
Building a chart and previewing it is free: the watermarked preview isn’t for submission. Clean, unwatermarked formats — Word (.docx), Visio (.vsdx), draw.io, Typst, Excalidraw, SVG, PDF, HTML, hi-res PNG, JPEG, WebP, GIF — are exports: with an account you get one free export a month, and the Student plan lifts the limit and shows the preview without the watermark. Pro adds the editor, AI from a description and the API. One export is one file, however many functions it has. Full pricing is on the Pricing page.
Already exported a file — does another format count again? +
No. The same file in another format — Word, PNG, SVG, a structogram or a poster — is not another export. All your exports live in your account under «Exports», where you can pick a format and download again. A new export only counts if the code changed or you take more of the file’s functions than last time.
How many devices does a plan work on? +
Student and Pro work on the site on three devices at once — say, a laptop, a phone and a university computer. If you sign in on a fourth, the session ends on the one unused the longest; manage sign-ins in your account under “Settings” → “Devices”. CLI, API keys and the Telegram bot don’t count.
Are my charts saved to my account? +
Yes — with a free account your charts and history are saved and available from any device. Without an account a chart only lives until the end of the session.
Where does my code go? +
Your code goes to our server, where the engine builds the chart and returns it right away. If you are signed in, the code is kept in your history: without it, build history, short chart links and re-downloading an export you already paid for could not work. If you are not signed in, no code stays on the server. We don’t publish your code, don’t share it with third parties and don’t train models on it. What exactly is stored, and for how long — see the Privacy Policy.
Is there a solution for a whole class/group? +
Yes — there’s a Telegram bot. As a group: an admin pays for a plan for the whole chat, and the whole group drops code files into the chat and gets ready charts in seconds — no sign-ups, much cheaper than paying one by one. Solo: you can also DM the bot — link your rombik account and render under your own plan, no group.
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. Rendering via API, CLI and MCP comes with the Pro plan.
What people say
People who already submitted their charts on time.
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.
rombik grew out of my own coursework
The code worked, the assignment didn’t: it still needed a standard-compliant flowchart. Here was the paradox: my lecturer didn’t know Python and spent two minutes working out whether the code was even correct — yet rejected the chart in a second over a single wrong arrow. So instead of drawing dozens of charts by hand, I wrote an engine that does it deterministically, to the standard. The site, the bot and the API are mine too — one developer, not a studio.
Oleksii Odarchuk The full story →
The chart won’t draw itself. rombik will.
Paste your code — in seconds you’ll see a finished standards-compliant chart. You only pay for the clean file you submit.
Build a flowchart