%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#3c3836', 'primaryTextColor':'#ebdbb2', 'primaryBorderColor':'#928374', 'lineColor':'#a89984', 'secondaryColor':'#504945', 'tertiaryColor':'#665c54', 'background':'#282828'}}}%% flowchart LR subgraph LOCAL["Local VCS"] DEV1[Developer] --- DB1[(Local DB)] end subgraph CENTRAL["Centralized VCS"] DEV2[Dev A] --> SRV[Central Server] DEV3[Dev B] --> SRV SRV --- DB2[(Repository)] end subgraph DIST["Distributed VCS"] DEV5[Dev A] --- DB3[(Full Clone)] DEV6[Dev B] --- DB4[(Full Clone)] DEV5 -.sync.- DEV6 end LOCAL ~~~ CENTRAL ~~~ DIST style LOCAL fill:#3c3836,stroke:#d79921,color:#ebdbb2 style CENTRAL fill:#3c3836,stroke:#458588,color:#ebdbb2 style DIST fill:#3c3836,stroke:#98971a,color:#ebdbb2
%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#3c3836', 'primaryTextColor':'#ebdbb2', 'primaryBorderColor':'#928374', 'lineColor':'#a89984', 'background':'#282828'}}}%% flowchart TB subgraph ERA1["1970s-1980s Local VCS"] SCCS[SCCS 1972] --> RCS[RCS 1982] end subgraph ERA2["1990s-2000s Centralized"] CVS[CVS 1990] --> SVN[SVN 2000] end subgraph ERA3["2005+ Distributed"] GIT[Git 2005] HG[Mercurial 2005] end subgraph ERA4["2008+ Cloud Hosting"] GH[GitHub 2008] GL[GitLab 2011] end RCS --> CVS SVN --> GIT GIT --> GH GIT --> GL style ERA1 fill:#3c3836,stroke:#cc241d,color:#ebdbb2 style ERA2 fill:#3c3836,stroke:#d79921,color:#ebdbb2 style ERA3 fill:#3c3836,stroke:#98971a,color:#ebdbb2 style ERA4 fill:#3c3836,stroke:#458588,color:#ebdbb2