Flussdiagramm-Editor: Formen, Pfeile und Ja/Nein-Beschriftungen direkt im Browser.

Das Diagramm entsteht in Ihrem Browser und wird nirgendwohin gesendet.

Was der Editor kann

Symbole nach ISO 5807, Pfeile, die Formen selbst umgehen und an ihren Seiten haften, und Ja/Nein-Beschriftungen an den Ausgängen einer Verzweigung. Die Schaltfläche „+“ setzt die nächste Form gleich verbunden, „Anordnen“ ordnet das ganze Diagramm. Das Diagramm speichert sich während der Arbeit im Browser, herunterladen können Sie es als PNG, SVG oder PDF oder als Mermaid-Code.

Beispiele: Gerade oder ungerade Größte von drei Zahlen Summe von 1 bis N Passwortprüfung

So kommt ein Flussdiagramm in Word oder Google Docs

  • Word 2019 und Microsoft 365: SVG. Fügen Sie es wie ein normales Bild ein, dann bleibt das Diagramm bei jedem Zoom scharf.
  • Google Docs und ältere Word-Versionen: PNG mit 300 dpi. Wählen Sie die Breite „A4, Standardränder von Word“ oder „US Letter“, dann passt das Bild genau auf die Textbreite.
  • LaTeX: PDF in Diagrammgröße, das \includegraphics ohne Schärfeverlust einbindet.
  • Am schnellsten: „Bild kopieren“ im Fenster „Herunterladen“ und dann Strg+V direkt im Dokument.

In hier heruntergeladenen PNG- und SVG-Dateien steckt das Diagramm selbst: Ziehen Sie eine solche Datei zurück aufs Blatt und bearbeiten Sie weiter.

Flussdiagramm-Symbole und ihre Bedeutung

Die Namen sind dieselben wie in der Formenleiste. Die ersten fünf kommen in fast jeder Schulaufgabe vor, die übrigen braucht man für Diagramme nach ISO 5807.

Form Name Wann sie passt
Start / Ende Beginn und Ende eines Algorithmus, Ein- und Ausstieg eines Unterprogramms.
Operation Eine Berechnung oder beliebige Aktion: Zuweisung, Rechnung, ein Befehl.
Verzweigung Eine Bedingungsprüfung: Die Raute hat zwei Ausgänge, Ja und Nein.
Ein- / Ausgabe Ein- und Ausgabe von Daten, wenn der Datenträger egal ist.
Unterprogramm Aufruf eines Unterprogramms oder einer Funktion, die separat beschrieben ist.
Vorbereitung Vorbereitung einer Schleife: Startwerte wie i = 1.
Schleifenbeginn Obere Grenze einer Schleife, das Gegenstück ist das Schleifenende mit demselben Namen.
Schleifenende Untere Grenze einer Schleife; die Abbruchbedingung steht in einer der beiden Grenzen.
Konnektor Eine Unterbrechung der Linie: Der Pfeil geht beim Verbinder mit derselben Marke weiter.
Seitenübergang Sprung auf eine andere Seite. In Lehrbüchern üblich, ISO 5807 kennt nur den gewöhnlichen Verbinder.
Kommentar Eine Anmerkung zu einer Form, mit ihr durch eine gestrichelte Linie verbunden.
Manuelle Eingabe Daten, die von Hand eingegeben werden, zum Beispiel über die Tastatur.
Manuelle Tätigkeit Eine Tätigkeit, die ein Mensch ausführt.
Dokument Daten auf Papier: Ausdruck, Formular, Bericht.
Anzeige Daten auf einem Bildschirm.
Gespeicherte Daten Gespeicherte Daten, wenn der Datenträger egal ist.
Arbeitsspeicher Daten im Arbeitsspeicher.
Speicher mit sequenziellem Zugriff Daten auf einem Träger, der der Reihe nach gelesen wird, etwa einem Band.
Speicher mit Direktzugriff Daten auf einem Träger mit Direktzugriff, etwa einer Festplatte.
Lochkarte Daten auf einer Lochkarte.
Lochstreifen Daten auf einem Lochstreifen.
Parallelverarbeitung Beginn oder Ende von Aktionen, die gleichzeitig laufen.
Auslassung Ein Teil des Diagramms, der nicht vollständig gezeichnet wird.

Flussdiagramme nach ISO 5807

Der Stil „ISO 5807“ in der Leiste setzt die Formen nach dem Standard: Höhe a, Breite 1,5a, a von 15 bis 30 mm, Text von 10 bis 14 pt, Pfeilspitzen nur gegen die Flussrichtung oder an jeder Linie. In diesem Stil wachsen die Formen nicht mit dem Text: Passt der Text nicht hinein, meldet das ein Hinweis.

Das Hinweissymbol zeigt, wo das Diagramm vom Standard abweicht: eine Verzweigung mit weniger als zwei Ausgängen, ein unbeschrifteter Ausgang, eine Form ohne Ein- oder Ausgang, kein Start oder kein Ende.

Ein Diagramm aus Mermaid-Code

Bitten Sie einen Chatbot, ein Flussdiagramm als Mermaid-Code zu zeichnen, und fügen Sie die ganze Antwort ein, auch mit Text um den Code herum: über „Code einfügen“ oder mit Strg+V direkt auf dem Blatt. Formen, Pfeile und Beschriftungen werden übernommen, das Layout entsteht von selbst. Zurück geht es mit „Mermaid-Code kopieren“ im Fenster „Herunterladen“.

Tastatur

  • Enter — Text der Form bearbeiten
  • Ctrl + Enter — Text abschließen und die nächste Form setzen
  • Ctrl + ←↑→↓ — verbundene Form in diese Richtung
  • ←↑→↓ — Auswahl verschieben
  • Shift + ←↑→↓ — in größeren Schritten verschieben
  • Ctrl + Z, Ctrl + Shift + Z — rückgängig und wiederherstellen
  • Ctrl + D — duplizieren
  • Delete — löschen
  • Space + Ziehen — Blatt verschieben
  • Ctrl + Mausrad — zoomen

Den Algorithmus selbst im Code prüfen: Python-Sandbox.

Häufige Fragen

Gibt es ein Wasserzeichen?

Nein. PNG, SVG und PDF werden sauber heruntergeladen, ohne Wasserzeichen und ohne Registrierung.

Wo werden meine Diagramme gespeichert?

Nur in Ihrem Browser, an einen Server geht nichts. Der Browser kann Websitedaten löschen, wenn der Speicher knapp wird oder die Seite lange nicht geöffnet wurde. Laden Sie wichtige Diagramme deshalb als Datei herunter: „Diagrammdatei herunterladen“ im Fenster „Herunterladen“ oder unter „Meine Diagramme“.

Funktioniert es auf dem Handy?

Ja. Eine Form ziehen Sie mit dem Finger, das Blatt mit dem Finger auf einer leeren Stelle, gezoomt wird mit zwei Fingern. Ein Doppeltipp öffnet die Texteingabe, langes Drücken das Aktionsmenü, die Formen liegen im Bereich unten.

Wie erstelle ich ein Flussdiagramm nach ISO 5807?

Wählen Sie den Stil „ISO 5807“, stellen Sie die Größe a und die Schrift ein und prüfen Sie das Diagramm mit den Hinweisen. Für eine Haus- oder Abschlussarbeit laden Sie PNG mit 300 dpi oder SVG herunter.

Warum lässt sich der Text im PDF nicht markieren?

Im PDF sind die Buchstaben als Umrisse gezeichnet, deshalb sieht das Diagramm auf jedem Rechner gleich aus, auch ohne unsere Schriften. Brauchen Sie markierbaren Text, laden Sie SVG mit aktiviertem „Text als Text belassen“ herunter.

In welchen Sprachen kann ich in die Formen schreiben?

In jeder Sprache der Website, auch von rechts nach links und mit chinesischen und japanischen Schriftzeichen: Noto-Schriften werden passend zu Ihrem Text nachgeladen. Urdu wird in Naskh geschrieben, nicht in Nastaliq, weil eine Nastaliq-Schrift über ein Megabyte wiegt. Emoji und Zeichen anderer Schriften erscheinen im PNG in der Systemschrift und fehlen im PDF, darauf weist das Fenster „Herunterladen“ hin.

Wie groß darf ein Diagramm sein?

Es gibt keine Grenze. Ein Diagramm mit 200 Formen und 300 Pfeilen bewegt sich selbst auf einem langsamen Handy flüssig: Beim Ziehen werden Pfeile als einfache Knicke gezeichnet, der genaue Weg entsteht, wenn Sie die Form loslassen.

Ist das kostenlos?

Ja, vollständig kostenlos und ohne Anmeldung. Das Werkzeug läuft komplett in Ihrem Browser: Die Datei geht nie an einen Server, also verbraucht der Server weder Rechenzeit noch Datenvolumen — es gibt nichts zu berechnen. Keine Wasserzeichen, keine Grenzen für Dateigröße oder Anzahl.