# elif0luna/canva architecture

> Architecture diagram of the GitHub repository elif0luna/canva, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-15). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/elif0luna/canva
- Repository: https://github.com/elif0luna/canva

## Overview

This repository is a collection of Canva backend and frontend system-design notes, rather than an executable application. Its principal workflow is a reader navigating from the system-design overview to focused topic documents. The topics cover service architecture, data and realtime systems, and operational concerns. The tree exposes the documents, but no source excerpts or README details establish runtime calls, data flow, or relationships among them; the graph therefore maps the documented areas without inventing connections.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_architecture["Service Architecture"]
  node_overview["System Design"]
  node_microservices["Microservices"]
  node_ci_builds["CI Builds"]
end

subgraph group_data_realtime["Data and Realtime"]
  node_rdbms_dms["RDBMS and DMS"]
  node_search_pipeline["Search Pipeline"]
  node_realtime_pointers["Realtime Pointers"]
  node_rsockets["Rsockets"]
  node_rsockets_backpressure["Worker Backpressure"]
end

subgraph group_operations["Operations and UX"]
  node_scalability["Scalability"]
  node_session_revocations["Session Revocations"]
  node_worker_backpressure["Worker Backpressure"]
  node_ui_ux["UI/UX Optimizations"]
  node_resources["Resources"]
end

click node_microservices "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Microservices%20in%20canva%20417e6e4bdc4380b98bcdf2a2c9d27962.md"
click node_ci_builds "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/CI%20builds%20at%20Canva%20417e6e4bdc438060a9add6929c8a828c.md"
click node_rdbms_dms "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/RDBMS%20with%20AWS%20DMS%20417e6e4bdc4380a6ad55c56477c17873.md"
click node_search_pipeline "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/search%20pipeline%20in%20canva%20417e6e4bdc438040b5eafa49198a2317.md"
click node_realtime_pointers "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Realtime%20Mouse%20Pointers%20417e6e4bdc438031aa0ec89a20fc3e6c.md"
click node_rsockets "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Rsockets%20in%20canva%20417e6e4bdc4380efb108e7fda356dfd8.md"
click node_rsockets_backpressure "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Rsockets%20in%20canva/Workers%20Backpressure%20417e6e4bdc43808fb9d5c4b370a0e159.md"
click node_scalability "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Scalability%20417e6e4bdc4380e1845ac52b0e42fdd0.md"
click node_session_revocations "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Session%20revocations%20at%20scale%20417e6e4bdc438082907be2d8743b6d20.md"
click node_worker_backpressure "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Worker%20backpressure%20417e6e4bdc43806bb8c5c82129d02fba.md"
click node_ui_ux "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/UI%20UX%20optimizations%20417e6e4bdc4380ce973afad036a53979.md"
click node_resources "https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Resources%20414e6e4bdc438074a682de7da6022998.md"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_overview,node_microservices,node_ci_builds toneBlue
class node_rdbms_dms,node_search_pipeline,node_realtime_pointers,node_rsockets,node_rsockets_backpressure toneAmber
class node_scalability,node_session_revocations,node_worker_backpressure,node_ui_ux,node_resources toneMint
```

## Components

### Service Architecture

- **System Design**
- [Microservices](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Microservices%20in%20canva%20417e6e4bdc4380b98bcdf2a2c9d27962.md): `Canva System Design/Microservices in canva 417e6e4bdc4380b98bcdf2a2c9d27962.md`
- [CI Builds](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/CI%20builds%20at%20Canva%20417e6e4bdc438060a9add6929c8a828c.md): `Canva System Design/CI builds at Canva 417e6e4bdc438060a9add6929c8a828c.md`

### Data and Realtime

- [RDBMS and DMS](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/RDBMS%20with%20AWS%20DMS%20417e6e4bdc4380a6ad55c56477c17873.md): `Canva System Design/RDBMS with AWS DMS 417e6e4bdc4380a6ad55c56477c17873.md`
- [Search Pipeline](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/search%20pipeline%20in%20canva%20417e6e4bdc438040b5eafa49198a2317.md): `Canva System Design/search pipeline in canva 417e6e4bdc438040b5eafa49198a2317.md`
- [Realtime Pointers](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Realtime%20Mouse%20Pointers%20417e6e4bdc438031aa0ec89a20fc3e6c.md): `Canva System Design/Realtime Mouse Pointers 417e6e4bdc438031aa0ec89a20fc3e6c.md`
- [Rsockets](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Rsockets%20in%20canva%20417e6e4bdc4380efb108e7fda356dfd8.md): `Canva System Design/Rsockets in canva 417e6e4bdc4380efb108e7fda356dfd8.md`
- [Worker Backpressure](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Rsockets%20in%20canva/Workers%20Backpressure%20417e6e4bdc43808fb9d5c4b370a0e159.md): `Canva System Design/Rsockets in canva/Workers Backpressure 417e6e4bdc43808fb9d5c4b370a0e159.md`

### Operations and UX

- [Scalability](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Scalability%20417e6e4bdc4380e1845ac52b0e42fdd0.md): `Canva System Design/Scalability 417e6e4bdc4380e1845ac52b0e42fdd0.md`
- [Session Revocations](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Session%20revocations%20at%20scale%20417e6e4bdc438082907be2d8743b6d20.md): `Canva System Design/Session revocations at scale 417e6e4bdc438082907be2d8743b6d20.md`
- [Worker Backpressure](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Worker%20backpressure%20417e6e4bdc43806bb8c5c82129d02fba.md): `Canva System Design/Worker backpressure 417e6e4bdc43806bb8c5c82129d02fba.md`
- [UI/UX Optimizations](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/UI%20UX%20optimizations%20417e6e4bdc4380ce973afad036a53979.md): `Canva System Design/UI UX optimizations 417e6e4bdc4380ce973afad036a53979.md`
- [Resources](https://github.com/elif0luna/canva/blob/main/Canva%20System%20Design/Resources%20414e6e4bdc438074a682de7da6022998.md): `Canva System Design/Resources 414e6e4bdc438074a682de7da6022998.md`