{"format":"epicdraw-workspace","version":1,"charts":[{"id":"template-c4-context-diagram","name":"C4 system context: project tracking SaaS","paper":"white","pattern":"blank","wobble":0.22,"ppm":48,"nodes":[{"id":"c4-context-diagram-n1","type":"lane","text":"","x":0,"y":0,"w":1720,"h":1250,"fill":"none","fst":"solid","seed":701,"font":"sans","fs":22,"bold":false,"lv":0,"lock":true,"z":-20,"ink":"navy"},{"id":"c4-context-diagram-n2","type":"text","text":"C4 system context: project tracking SaaS","x":42,"y":24,"w":1620,"h":64,"fill":"none","fst":"solid","seed":702,"font":"hand","fs":48,"bold":true,"lv":0,"align":"left","ink":"navy"},{"id":"c4-context-diagram-n3","type":"text","text":"Level 1 of the C4 model: who uses the system and which external systems it talks to.","x":42,"y":96,"w":1620,"h":44,"fill":"none","fst":"solid","seed":703,"font":"sans","fs":23,"bold":false,"lv":0,"align":"left","ink":"grey"},{"id":"c4-context-diagram-n4","type":"line","text":"","x":42,"y":160,"w":1636,"h":4,"fill":"none","fst":"solid","seed":704,"font":"sans","fs":22,"bold":false,"lv":0,"rot":0,"head":"none","ink":"navy"},{"id":"c4-context-diagram-n5","type":"text","text":"EXAMPLE TEMPLATE · Replace the example content, owners and dates with your own.","x":42,"y":1202,"w":1630,"h":30,"fill":"none","fst":"solid","seed":705,"font":"sans","fs":18,"bold":false,"lv":0,"align":"left","ink":"grey"},{"id":"c4-context-diagram-n6","type":"person","text":"","x":245,"y":205,"w":90,"h":118,"fill":"sky","fst":"solid","seed":706,"font":"sans","fs":22,"bold":false,"lv":0},{"id":"c4-context-diagram-n7","type":"round","text":"Team member\n[Person]\nPlans and updates tasks","x":140,"y":330,"w":300,"h":120,"fill":"sky","fst":"solid","seed":707,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n8","type":"person","text":"","x":815,"y":205,"w":90,"h":118,"fill":"sky","fst":"solid","seed":708,"font":"sans","fs":22,"bold":false,"lv":0},{"id":"c4-context-diagram-n9","type":"round","text":"Workspace admin\n[Person]\nManages users and billing","x":710,"y":330,"w":300,"h":120,"fill":"sky","fst":"solid","seed":709,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n10","type":"person","text":"","x":1385,"y":205,"w":90,"h":118,"fill":"sky","fst":"solid","seed":710,"font":"sans","fs":22,"bold":false,"lv":0},{"id":"c4-context-diagram-n11","type":"round","text":"Support agent\n[Person]\nHelps customers, internal","x":1280,"y":330,"w":300,"h":120,"fill":"sky","fst":"solid","seed":711,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n12","type":"rect","text":"Project tracking app\n[Software system]\nPlans projects, tasks and workload\nfor teams of 5 to 500 people","x":560,"y":600,"w":600,"h":190,"fill":"midnight","fst":"solid","seed":712,"font":"sans","fs":22,"bold":true,"lv":0,"ink":"navy","ti":"chalk"},{"id":"c4-context-diagram-n13","type":"rect","text":"Identity provider\n[External system]\nOkta, Entra ID, Google","x":60,"y":620,"w":330,"h":140,"fill":"slate","fst":"solid","seed":713,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n14","type":"rect","text":"Billing provider\n[External system]\nCards, invoices, tax","x":1330,"y":620,"w":330,"h":140,"fill":"slate","fst":"solid","seed":714,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n15","type":"rect","text":"Email service\n[External system]\nSends notifications","x":140,"y":930,"w":330,"h":140,"fill":"slate","fst":"solid","seed":715,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n16","type":"rect","text":"Slack\n[External system]\nPosts task updates","x":695,"y":930,"w":330,"h":140,"fill":"slate","fst":"solid","seed":716,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n17","type":"rect","text":"Customer data\nwarehouse\n[External system]\nReceives nightly exports","x":1250,"y":930,"w":330,"h":140,"fill":"slate","fst":"solid","seed":717,"font":"sans","fs":19,"bold":false,"lv":0},{"id":"c4-context-diagram-n26","type":"text","text":"Key: navy box = system in scope · grey = external system · blue = person · arrows = labelled relationship and protocol","x":45,"y":1100,"w":1630,"h":40,"fill":"none","fst":"solid","seed":726,"font":"sans","fs":19,"bold":false,"lv":0,"align":"left","ink":"grey"}],"edges":[{"id":"c4-context-diagram-e18","from":"c4-context-diagram-n7","to":"c4-context-diagram-n12","label":"Plans and updates\ntasks [HTTPS]","seed":718,"style":"straight","head":"end","lv":0,"font":"sans","fs":18},{"id":"c4-context-diagram-e19","from":"c4-context-diagram-n9","to":"c4-context-diagram-n12","label":"Manages seats\nand plan [HTTPS]","seed":719,"style":"straight","head":"end","lv":0,"font":"sans","fs":18},{"id":"c4-context-diagram-e20","from":"c4-context-diagram-n11","to":"c4-context-diagram-n12","label":"Views account\nstate [HTTPS]","seed":720,"style":"straight","head":"end","lv":0,"font":"sans","fs":18},{"id":"c4-context-diagram-e21","from":"c4-context-diagram-n12","to":"c4-context-diagram-n13","label":"Signs users in\n[SAML / OIDC]","seed":721,"style":"straight","head":"end","lv":0,"font":"sans","fs":18},{"id":"c4-context-diagram-e22","from":"c4-context-diagram-n12","to":"c4-context-diagram-n14","label":"Creates\nsubscriptions [API]","seed":722,"style":"straight","head":"end","lv":0,"font":"sans","fs":18},{"id":"c4-context-diagram-e23","from":"c4-context-diagram-n12","to":"c4-context-diagram-n15","label":"Sends email\n[SMTP API]","seed":723,"style":"straight","head":"end","lv":0,"font":"sans","fs":18},{"id":"c4-context-diagram-e24","from":"c4-context-diagram-n12","to":"c4-context-diagram-n16","label":"Posts updates\n[webhook]","seed":724,"style":"straight","head":"end","lv":0,"font":"sans","fs":18},{"id":"c4-context-diagram-e25","from":"c4-context-diagram-n12","to":"c4-context-diagram-n17","label":"Exports data\n[S3]","seed":725,"style":"straight","head":"end","lv":0,"font":"sans","fs":18}],"strokes":[],"imgs":{}}],"cur":"template-c4-context-diagram"}