Code → flowchart as real Word & Visio shapes
Forget manual drawing. Paste your code (Python, JS, C++ and 8 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
Flowchart from code, ISO 5807
Drawing flowcharts by hand takes hours
Reports, labs, coursework, teaching materials — wherever there’s an algorithm, it needs a standard flowchart: rulers, shapes, arrows and a redraw after every code change. With rombik it’s three steps.
- Paste code
A function or a whole program, in any of 11 languages. No code? Describe the algorithm in words (Pro).
- Get a flowchart
The engine draws an ISO 5807 flowchart — in a second, right on screen.
- Tweak and export
Change a label or a block shape in the editor (Pro) — then take it as Word, Visio or any other of the 12 formats.
Your flowchart — in the format you need
No dead pictures: the chart arrives in your tool’s native format. In Word and Visio — real shapes you can edit, in Typst — clean layout code, in Excalidraw and draw.io — board objects.
- Keep editing in your tool
- WordVisiodraw.ioExcalidrawTypst
- A finished file for print or the web
- SVGPNGJPEGWebPGIFPDFHTML
Strictly to ISO 5807
Every code construct becomes its own symbol from the standard’s table — nothing for a reviewer to flag.
-
Terminator
Start and end of a program or function
-
Process
Calculations and assignments
-
Data
Input and output
-
Decision
A condition with two exits: if, while, switch
-
Preparation
The header of a for loop
-
Predefined process
A call to your own function
-
Connector
Continues the chart elsewhere or on the next page
-
Flow line
Arrowheads only where a line runs up or left
Common course conventions — a hexagon for for-loops, Yes/No on branches — are on by default and adjustable in settings.
Nassi-Shneiderman structogram — same code, a different view
Nested boxes with no arrows: a sequence is a stack, a branch is a condition triangle, a loop is a frame. Many universities ask for it alongside the flowchart — in rombik it’s the same code and one toggle.
Charts right in Telegram — or in bulk via the API
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.
Many charts at once — let AI do it
A whole set of teaching materials or a batch of works? Don’t click through every chart: an AI agent (Claude Code, etc.) or a single batch call generates them all from your code. API, CLI and MCP come with the Pro plan.
AI agent
An AI agent builds all the charts for you — you just give the task
Batch
Batch generation — dozens of charts in one call, no manual clicking
API, CLI and MCP
HTTP API, CLI & MCP — for scripts, CI and AI clients
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 / week
- Up to 300 clean exports a month, a preview without the watermark and the Telegram bot. A semester costs less.
- Pro
- $2.99 / week
- Everything in Student + the chart editor, AI from a description, API, CLI and MCP.
- Group chat
- $9.99 / month
- One plan for the whole Telegram chat — Group or Class: one person pays, the whole group draws.
Frequently asked questions
Getting started
Which languages are supported?
Fully supported: Python, JavaScript, TypeScript, C, C++, C#, Java, Go, Rust, 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, 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, press “Settings” above the chart and choose “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 11 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 “Settings” button above the chart: “Branches” (Yes/No · +/−), “Start and end” and the caption — free. 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. 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 gives up to 300 exports a month 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 or a structogram — 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 the Group chat 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.
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.