> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ahaslides.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Diagram 슬라이드로 순서도 만들기

> 순서도, 조직도, 타임라인, 데이터 차트를 프레젠테이션 안에서 바로 만드세요. 이미지 업로드 없이 실시간으로 업데이트되는 데이터 기반 시각 자료입니다.

Diagram 슬라이드를 사용하면 순서도, 계층 구조, 차트, 타임라인, 비교 등 구조화된 시각 다이어그램을 AhaSlides 안에서 바로 만들고 표시할 수 있습니다. 정적인 스크린샷을 붙여 넣는 대신 오른쪽 패널에 구조화된 형식으로 내용을 입력하면 다이어그램이 자동으로 그려지며, 외부 도구가 필요 없습니다.

## Diagram 한눈에 보기

| | |
| - | - |
| 유형 | 표시 전용, 청중 응답 없음 |
| 찾는 위치 | **새 슬라이드** (New slide), 이어서 슬라이드 유형 선택기의 **콘텐츠** (Content) 탭에서 **Diagram** |
| 다이어그램 유형 | 7가지: Relation, Hierarchy, Items, Chart, Word Cloud, Compare, Advanced |
| 스트리밍 애니메이션 | 꺼짐 (기본값), 느리게, 보통, 빠르게 |

단어 목록이나 투표 결과가 아니라 관계, 프로세스, 데이터, 구조를 보여 줘야 할 때 Diagram 슬라이드를 사용하세요. 이 슬라이드는 일곱 가지 다이어그램 유형을 지원합니다.

* **프로세스 흐름도와 네트워크 다이어그램** — 단계나 시스템이 어떻게 연결되는지 보여 줍니다.
* **조직도와 의사 결정 트리** — 중첩된 단계로 계층 구조를 만듭니다.
* **막대, 세로 막대, 선, 원, 도넛 차트** — 레이블이 있는 수치 데이터를 표시합니다.
* **타임라인, 로드맵, 피라미드** — 순차적이거나 계층적인 항목을 배치합니다.
* **비교** — SWOT 분석, 사분면, 이진 비교입니다.
* **워드 클라우드** — 가중치에 따라 크기가 달라지는 용어를 시각화합니다.
* **맞춤 인포그래픽** — 원시 AntV 구문을 작성해 완전히 제어합니다.

정적 이미지를 쓰는 Content 슬라이드와 달리 Diagram 슬라이드는 데이터 기반입니다. 패널에 레이블과 값을 입력하면 시각 자료가 실시간으로 업데이트됩니다.

## Diagram 슬라이드 만들기

<Frame>
  <img src="https://mintcdn.com/ahaslides/wJ1GvGkoLZ_3Etc-/images/diagram-add-slide.png?fit=max&auto=format&n=wJ1GvGkoLZ_3Etc-&q=85&s=094076075f4a480ae2c91dfc6ce33f53" alt="슬라이드 유형 선택기에서 검색하여 찾은 AhaSlides Diagram 슬라이드 유형" width="1920" height="1080" data-path="images/diagram-add-slide.png" />
</Frame>

<Steps>
  <Step title="슬라이드 추가">
    편집기에서 **새 슬라이드** (New slide)를 클릭하고 슬라이드 유형 선택기의 **콘텐츠** (Content) 탭에서 **Diagram**을 선택합니다.
  </Step>

  <Step title="다이어그램 유형 선택">
    오른쪽 패널에서 **Diagram type** 드롭다운을 열고 내용에 맞는 유형을 선택합니다. 유형을 바꿀 때마다 캔버스에서 다이어그램을 미리 볼 수 있습니다.
  </Step>

  <Step title="변형 선택">
    **Variant** 드롭다운을 열어 다이어그램의 시각적 레이아웃을 선택합니다. 드롭다운에 시각적 미리보기가 나타나 선택에 도움이 됩니다.
  </Step>

  <Step title="내용 입력">
    유형에 따라 다음과 같이 입력합니다. 노드와 연결 추가(**Relation**), 루트 아래에 하위 노드 중첩(**Hierarchy**), 레이블과 설명이 있는 항목 추가(**Items**), 레이블과 값이 있는 데이터 포인트 추가(**Chart**), 가중치가 있는 단어 추가(**Word Cloud**), 그룹과 그 항목 추가(**Compare**), 또는 AntV 구문 직접 입력(**Advanced**).
  </Step>

  <Step title="스트리밍 애니메이션 설정 (선택 사항)">
    **Streaming animation** 컨트롤을 사용하면 슬라이드가 처음 나타날 때 다이어그램에 애니메이션을 적용할 수 있습니다. 옵션은 **꺼짐** (Off) (기본값), **Slow**, **Medium**, **Fast**입니다.
  </Step>

  <Step title="제목 추가 (선택 사항)">
    오른쪽 패널 상단의 **Title** 필드에 제목을 입력하고, 그 아래에 짧은 설명을 선택적으로 추가합니다.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/ahaslides/xRqJBlSTbY-PEvpk/images/diagram-choose-type.png?fit=max&auto=format&n=xRqJBlSTbY-PEvpk&q=85&s=f544cd177e9cf2da3986468854043943" alt="다이어그램 유형 드롭다운이 강조된 편집기의 AhaSlides Diagram 슬라이드" width="1920" height="1080" data-path="images/diagram-choose-type.png" />
</Frame>

<Tip>
  * **올바른 유형으로 시작하세요** — 나중에 유형을 바꾸면 내용이 초기화되므로 항목을 채우기 전에 알맞은 유형을 고르세요.
  * **연결된 흐름은 Relation, 트리는 Hierarchy를 사용하세요** — 상호 연결 없이 엄격한 부모-자식 중첩 구조라면 Hierarchy가 관리하기 더 쉽습니다.
  * **발표 전에 미리 확인하세요** — 편집기 헤더의 **미리보기** (Preview)를 클릭해 전체 화면에서 다이어그램이 어떻게 표시되는지 확인하세요.
  * **애니메이션은 절제해서 사용하세요** — 스트리밍 애니메이션은 Relation과 Hierarchy 유형에서 연결을 단계별로 보여 줄 때 가장 효과적이고, 항목이 많은 Chart나 Word Cloud에서는 꺼 두는 편이 대개 더 깔끔합니다.
</Tip>

<Tip>
  편집기 도구 모음의 **개선** (Improve) AI 버튼은 Diagram 슬라이드에서도 사용할 수 있습니다. 원하는 흐름이나 구조를 자연어로 설명하면 AI가 초기 데이터를 만들어 주며, 이를 패널에서 다듬을 수 있습니다.
</Tip>

<Note>
  Diagram 슬라이드는 현재 AhaSlides MCP `create_slides()` 도구에서 지원되지 않습니다. 편집기에서 Diagram 슬라이드를 직접 추가하세요.
</Note>

## Diagram 슬라이드 발표하기

발표 중 Diagram 슬라이드에 도달하면 다이어그램이 발표자 화면의 슬라이드 영역을 가득 채웁니다. 기기로 보는 참여자에게는 같은 시각 자료가 읽기 전용으로 표시되며, Diagram 슬라이드에서는 청중의 응답이나 상호작용이 필요하지 않습니다. 스트리밍 애니메이션을 켜 두면 슬라이드가 처음 나타날 때 다이어그램에 애니메이션이 적용됩니다.

<Frame>
  <img src="https://mintcdn.com/ahaslides/TKkv83kp-W9KNutc/images/diagram-presenting.png?fit=max&auto=format&n=TKkv83kp-W9KNutc&q=85&s=83447271ec200d22ffc4b749cf574f08" alt="발표자 화면에 Start, Process, End 흐름이 표시된 발표 중의 AhaSlides Diagram 슬라이드" width="1600" height="1000" data-path="images/diagram-presenting.png" />
</Frame>

## 다이어그램 유형과 변형

| 유형 | 설명 | 변형 |
| - | - | - |
| **Relation** | 노드와 엣지로 이루어진 흐름 / 네트워크 다이어그램입니다. **Nodes**와 그 사이의 **Connections**를 정의하며, 엣지 레이블은 선택 사항입니다. | Flow (left → right), Flow (top → bottom), Flow LR (animated), Flow TB (animated), Circle (progress), Circle (icons), Network |
| **Hierarchy** | 중첩된 하위 노드가 있는 트리입니다. 루트 노드를 정의하고 그 아래에 자식과 손자 노드를 중첩합니다. | Radial tree, Tree (top → bottom), Tree (left → right), Tree (right → left), Tree (bottom → top), Tech-style tree |
| **Items** | 단순 목록 또는 단계 순서입니다. 각각 레이블과 선택적 설명이 있는 항목 목록을 정의합니다. | Pyramid, Horizontal arrows, Row (icon arrows), Vertical arrows, Grid, Grid (progress), Zigzag (down), Zigzag (up), Sector, Sector (half), Stairs, Timeline, Roadmap, Funnel, Circular, Steps, Snake steps, Pyramid (sequence) |
| **Chart** | 레이블이 있는 값으로 만드는 막대, 세로 막대, 선, 원, 도넛 차트입니다. **Label**과 숫자 **Value**가 있는 항목을 정의합니다. | Bar, Column, Line, Pie, Donut |
| **Word Cloud** | 가중치에 따라 크기가 달라지는 단어입니다. 각각 숫자 **Weight**(최소 1)가 있는 단어 목록을 정의합니다. | Standard |
| **Compare** | 나란히 비교합니다. 각각 레이블과 선택적 항목이 있는 항목 그룹을 정의합니다. 기본 템플릿은 SWOT 분석입니다. | Quadrant (cards), 그리고 추가 이진 및 계층 변형 |
| **Advanced** | 원시 AntV 인포그래픽 마크업을 직접 작성합니다. Variant 드롭다운은 없습니다. | — |

<Note>
  Word Cloud 다이어그램 유형은 직접 구성하는 정적인 가중치 워드 클라우드를 만들며, 참여자가 실시간으로 응답을 제출하는 인터랙티브 [Word Cloud 슬라이드](/ko/using-slide-types/using-the-word-cloud-slide)와는 다릅니다.
</Note>

## Diagram 슬라이드와 Content 슬라이드 비교

| | Diagram 슬라이드 | Content 슬라이드 |
| - | - | - |
| 출처 | 오른쪽 패널에 입력한 데이터 | 정적 이미지 업로드 |
| 편집기에서 편집 가능 | 예 — 레이블과 값을 변경 | 아니요 (변경하려면 다시 업로드) |
| 적합한 용도 | 흐름도, 트리, 차트, 타임라인, SWOT | 사진, 스크린샷, 인포그래픽 |
| 자동 레이아웃 | 예 — 변형이 레이아웃을 자동으로 제어 | 아니요 |
| 참여자 상호작용 | 없음 (표시 전용) | 없음 (표시 전용) |

**궁금한 점이 있으신가요?**

지원팀에 문의해 주세요. 로그인한 상태라면 대시보드 오른쪽 아래의 채팅 아이콘을 사용하시고, 그렇지 않다면 [여기에서 문의하시거나](https://ahaslides.com/contact-us/) [hi@ahaslides.com](mailto:hi@ahaslides.com)으로 이메일을 보내 주세요.

다른 사용자와 소통하고 싶으신가요? [AhaSlides 커뮤니티](https://community.ahaslides.com/)에 참여해 팁을 공유하고, 기능을 제안하고, 다른 사람들이 청중의 참여를 이끄는 방법을 살펴보세요.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.