Classic Flowchart
Standard flowchart symbols — terminator, process, decision, document, database.
Rendering…
Make it your own.
{
"nodes": [
{ "id":"s", "type":"terminator", "label":"Start", "x":40, "y":40, "fill":"#dcfce7" },
{ "id":"in", "type":"manual-input", "label":"Enter request", "x":40, "y":140 },
{ "id":"p1", "type":"process", "label":"Validate input", "x":260, "y":140 },
{ "id":"d1", "type":"decision", "label":"Valid?", "x":480, "y":130 },
{ "id":"e", "type":"document", "label":"Error report", "x":700, "y":40 },
{ "id":"p2", "type":"process", "label":"Persist", "x":700, "y":160 },
{ "id":"db", "type":"database", "label":"Orders DB", "x":900, "y":160 },
{ "id":"end","type":"terminator", "label":"End", "x":700, "y":300, "fill":"#fee2e2" }
],
"edges": [
{ "id":"e1","source":"s","target":"in" },
{ "id":"e2","source":"in","target":"p1" },
{ "id":"e3","source":"p1","target":"d1" },
{ "id":"e4","source":"d1","target":"e","label":"no" },
{ "id":"e5","source":"d1","target":"p2","label":"yes" },
{ "id":"e6","source":"p2","target":"db" },
{ "id":"e7","source":"e","target":"end" },
{ "id":"e8","source":"p2","target":"end" }
]
}