The map draws itself.
Your diagram stays in this browser. Nothing is uploaded. Type a few lines and get a flowchart or a mind map, then save it as a PNG or SVG picture. It is free and private.
How to make a flowchart
- Choose Flowchart or Mind map, or press Start from the example.
- Type your steps into Diagram text. The diagram updates as you write.
- Use Left to right to change the direction, and Fit to width to fill the space.
- Click a box to edit its Text, choose its Colour, or pick its shape: Box, Rounded, Decision or Circle.
- Use Add a step after, Connect or Delete to change the diagram by clicking.
- Press Done, then save as SVG or PNG.
Writing a flowchart
Put an arrow between steps, such as Start -> Check the email -> Reply. Give a step a short name and a shape by writing the name followed by the text in brackets: [box], (rounded), {decision} or ((circle)). Label an arrow by adding a colon at the end, as in ask -> yes_step: yes, or by writing it inside the arrow, --no-->. Steps ending in a question mark become decisions automatically.
Writing a mind map
Write the main idea on the first line, then indent each branch under it with two spaces, and indent again for details. Branches are spread on both sides of the centre and each gets its own colour. Pasting a bulleted list from your notes works too.
Editing by clicking and saving
Click a box to change its text or shape, add a step after it, connect it to another step or delete it. The text updates to match, so you can switch between typing and clicking. Save the diagram as PNG for documents and slides, or as SVG to keep it sharp at any size and edit it in a design tool.
Tips for clear diagrams
- Use short labels. A box with three or four words is easier to read than a sentence.
- Start with the main path first, then add the exceptions.
- Use decisions for yes or no questions, and label both arrows.
- Keep one flow per chart. Split a large process into several diagrams.
- Use colour sparingly to mark important steps.
Common uses
- Showing a work process to a new colleague.
- Planning an essay, a project or a presentation with a mind map.
- Mapping how a customer moves through a service.
- Explaining a decision, such as a troubleshooting guide.
To turn a diagram into a handout, try the flyer maker.
Questions
PNG or SVG?
PNG works in documents and slides. SVG stays sharp at any size and can be edited in a design tool.
Is my diagram uploaded?
No. It stays in your browser.
Can I switch between typing and clicking?
Yes. The text and the diagram always match.