cleanUrl: "/flowchart/yukio_mishima"
floatFirstTOC: right

플로우차트 1

플로우차트

텍스트 기안

플로우차트 2

컬러

graph TD
    %% 제목 노드 정의
    title1["금각사 좀 빡세다"]
    title2["내가 좀 고수다"]

    %% 금각사 좀 빡세다
    subgraph a[" "]
        direction TB
        F[봄눈] --> G[가면의 고백]
        G --> H[오후의 예항 &<br> 짐승들의 유희]
        H --> I[금각사 & 달리는 말]
        I --> J[금색]
    end

    %% 내가 좀 고수다
    subgraph b[" "]
        direction TB
        A[봄눈] --> B[금각사]
        B --> C[오후의 예항 &<br> 짐승들의 유희]
        C --> D[달리는 말]
        D --> E[가면의 고백 읽던지<br> 금색 읽던지]
    end

    %% 제목 노드와 subgraph 연결
    title1 --> a
    title2 --> b

    %% 스타일 정의
    classDef subgraphTitle fill:#3498db,stroke:#2980b9,stroke-width:3px,font-size:28px,font-weight:bold,margin-bottom:20px,color:#ecf0f1;
    classDef node1 fill:#1abc9c,stroke:#16a085,stroke-width:2px,rx:10,ry:10,font-size:20px,color:#ffffff;
    classDef node2 fill:#e74c3c,stroke:#c0392b,stroke-width:2px,rx:10,ry:10,font-size:20px,color:#ffffff;
    classDef arrow stroke:#7f8c8d,stroke-width:2px;

    %% 제목 노드에 스타일 적용
    class title1,title2 subgraphTitle;

    %% 노드와 화살표에 스타일 적용
    class F,G,H,I,J node1;
    class A,B,C,D,E node2;
    linkStyle default stroke:#7f8c8d,stroke-width:2px;

    %% subgraph 스타일
    style a fill:#e8f8f5,stroke:#1abc9c,stroke-width:2px;
    style b fill:#fff5f5,stroke:#e74c3c,stroke-width:2px;

다크

graph TD
    %% 제목 노드 정의
    title1["금각사 좀 빡세다"]
    title2["내가 좀 고수다"]

    %% 금각사 좀 빡세다
    subgraph a[" "]
        direction TB
        F[봄눈] --> G[가면의 고백]
        G --> H[오후의 예항 &<br> 짐승들의 유희]
        H --> I[금각사 & 달리는 말]
        I --> J[금색]
    end

    %% 내가 좀 고수다
    subgraph b[" "]
        direction TB
        A[봄눈] --> B[금각사]
        B --> C[오후의 예항 &<br> 짐승들의 유희]
        C --> D[달리는 말]
        D --> E[가면의 고백 읽던지<br> 금색 읽던지]
    end

    %% 제목 노드와 subgraph 연결
    title1 --> a
    title2 --> b

    %% 스타일 정의
    classDef subgraphTitle fill:#4a4a4a,stroke:#d4d4d4,stroke-width:3px,font-size:28px,font-weight:bold,margin-bottom:20px,color:#ffffff;
    classDef node1 fill:#2c3e50,stroke:#ecf0f1,stroke-width:2px,rx:10,ry:10,font-size:20px,color:#ecf0f1;
    classDef node2 fill:#34495e,stroke:#bdc3c7,stroke-width:2px,rx:10,ry:10,font-size:20px,color:#ecf0f1;
    classDef arrow stroke:#95a5a6,stroke-width:2px;

    %% 제목 노드에 스타일 적용
    class title1,title2 subgraphTitle;

    %% 노드와 화살표에 스타일 적용
    class F,G,H,I,J node1;
    class A,B,C,D,E node2;
    linkStyle default stroke:#95a5a6,stroke-width:2px;

플로우차트 3