본문 바로가기

도표

전자책에서 도표는 복잡한 개념을 시각적으로 전달하는 데 매우 효과적입니다. 이 장에서는 전자책 제작에 유용한 도표 도구들을 소개합니다.

1. 머메이드(Mermaid)

머메이드는 텍스트 기반으로 다이어그램을 생성하는 도구입니다. 코드를 작성하면 자동으로 도표가 그려지기 때문에 AI를 활용해서 쉽게 그릴 수 있습니다. 특히 노션에서 바로 렌더링이 가능해서 편리합니다.

1.1 머메이드의 장점

장점설명
텍스트 기반코드로 작성하므로 버전 관리가 쉬움
AI 활용ChatGPT 등에 요청하면 바로 생성 가능
노션 호환노션에서 /mermaid 입력으로 바로 사용
수정 용이이미지와 달리 텍스트 수정만으로 변경 가능

1.2 플로우차트 (Flowchart)

프로세스나 흐름을 표현할 때 사용합니다. flowchart TB는 위에서 아래로, flowchart LR은 왼쪽에서 오른쪽으로 흐릅니다.

코드 예시:

```mermaid
flowchart TB
    A[시작] --> B{조건 확인}
    B -->|Yes| C[작업 수행]
    B -->|No| D[종료]
    C --> D
```

렌더링 결과:

1.2.1 노드 모양

플로우차트에서 노드의 모양은 의미를 담고 있습니다.

코드 예시:

```mermaid
flowchart LR
    A[사각형: 일반 작업]
    B(둥근 사각형: 프로세스)
    C{다이아몬드: 조건/분기}
    D([경기장: 시작/종료])
    E[(원통: 데이터베이스)]
```

렌더링 결과:

1.3 마인드맵 (Mindmap)

개념을 확장하거나 브레인스토밍할 때 유용합니다.

코드 예시:

```mermaid
mindmap
  root((전자책 출판))
    기획
      주제 선정
      타겟 독자
    집필
      초고 작성
      편집
    출판
      PDF 변환
      플랫폼 등록
```

렌더링 결과:

1.4 시퀀스 다이어그램 (Sequence Diagram)

시스템 간의 상호작용이나 시간 순서대로 진행되는 과정을 표현합니다.

코드 예시:

```mermaid
sequenceDiagram
    participant 저자
    participant 편집자
    participant 플랫폼

    저자->>편집자: 원고 전달
    편집자->>저자: 피드백 전달
    저자->>편집자: 수정본 전달
    편집자->>플랫폼: 최종본 등록
    플랫폼-->>저자: 출판 완료 알림
```

렌더링 결과:

1.5 파이 차트 (Pie Chart)

비율이나 구성을 표현할 때 사용합니다.

코드 예시:

```mermaid
pie title 전자책 제작 시간 배분
    "기획" : 10
    "집필" : 50
    "편집" : 25
    "출판" : 15
```

렌더링 결과:

1.6 AI로 머메이드 생성하기

ChatGPT나 Claude에게 다음과 같이 요청하면 머메이드 코드를 쉽게 얻을 수 있습니다:

"전자책 출판 프로세스를 머메이드 플로우차트로 그려줘"
"사용자 인증 과정을 시퀀스 다이어그램으로 만들어줘"
"프로젝트 관리 요소를 마인드맵으로 정리해줘"

AI가 생성한 머메이드 코드는 반드시 렌더링해서 확인하세요. 문법 오류가 있을 수 있습니다.

2. 피그잼(FigJam)

피그잼은 피그마(Figma) 기반의 협업 화이트보드 도구입니다. 실시간 협업이 가능하고 다양한 템플릿을 제공합니다.

2.1 피그잼의 장점

장점설명
실시간 협업여러 명이 동시에 편집 가능
무료 플랜기본 기능은 무료로 사용 가능
다양한 템플릿플로우차트, 마인드맵, 타임라인 등
이미지 내보내기PNG, SVG, PDF로 내보내기 가능

2.2 피그잼 사용 시나리오

  • 브레인스토밍: 팀원들과 아이디어를 자유롭게 펼칠 때
  • 목차 구성: 포스트잇으로 챕터를 배치하고 순서를 조정할 때
  • 복잡한 도표: 머메이드로 표현하기 어려운 복잡한 그림이 필요할 때

2.3 피그잼 vs 머메이드

항목피그잼머메이드
작성 방식드래그 앤 드롭코드 작성
협업실시간 협업 가능텍스트 공유
수정직접 조작코드 수정
출력이미지 내보내기렌더링 또는 이미지
AI 활용제한적매우 용이
추천 상황복잡한 그림, 협업간단한 도표, 빠른 작성

추천: 간단한 플로우차트나 다이어그램은 머메이드로, 복잡한 그림이나 팀 협업이 필요한 경우는 피그잼을 사용하세요.

3. 기타 도구

3.1 Draw.io

무료 온라인 다이어그램 도구입니다. 다양한 도형과 템플릿을 제공하며, Google Drive나 로컬에 저장할 수 있습니다.

3.2 Canva

프레젠테이션이나 인포그래픽 제작에 유용합니다. 디자인 감각이 없어도 템플릿을 활용하면 깔끔한 결과물을 얻을 수 있습니다.

3.3 엑셀/구글 시트

데이터 기반의 차트(막대, 선, 원형 등)는 엑셀이나 구글 시트에서 만들어 이미지로 내보내는 것이 가장 간단합니다.

특히 Google Sheets는 Gemini가 연동되어 있어 AI로 차트를 생성하는 것도 가능합니다.

도표 - 전자책 출판 가이드 | 위니버시티