노션 차트와 다이어그램

차트 종류

• 기본 플로우차트 (Basic Flowchart): 가장 일반적인 형태로, 프로세스의 시작부터 끝까지를 순차적으로 나타냅니다.

• 상태 다이어그램 (State Diagram): 시스템의 다양한 상태와 상태 간 전환을 나타냅니다.

• 시퀀스 다이어그램 (Sequence Diagram): 객체 간의 상호작용을 시간 순서대로 보여줍니다.

• 간트 차트 (Gantt Chart): 프로젝트 일정과 작업의 진행 상황을 시간 순으로 표시합니다. 각 작업의 시작과 종료 시간, 진행 기간을 한눈에 볼 수 있어 프로젝트 관리에 유용합니다.

• … 등등 Mermaid.js를 활용하는 노션에서는 다양한 플로우 차트를 지원합니다. 참고: 그 외의 다양한 차트

Notion에서 Mermaid 사용 법

1. 코드 블록 삽입: 새 블록을 만들고 '/' 명령어를 입력한 후 'Code'를 선택합니다.

2. 언어 선택: 코드 블록의 왼쪽 상단에서 'Mermaid'를 선택합니다.

3. 플로우차트 코드 작성: Mermaid 문법에 따라 플로우차트 코드를 작성합니다.

간단한 Mermaid 문법

Notion AI를 사용한 그리기

1. AI 플로우차트 생성: Notion AI를 사용하여 플로우차트를 자동으로 생성할 수 있습니다. 페이지에 스페이스 두 번을 눌러서 AI 입력을 활성화 시켜줍니다.

2. 내용 작성: Make a flowchart를 선택하고 작성하고 싶은 내용을 입력합니다.
프롬프트: 현재 페이지에 대한 플로우 차트를 그려줘
Make a flowchart를 선택하지 않고 바로 AI에게 플로우차트를 만들어달라고 요청할 수도 있습니다.



 

3. 결과 검토 및 수정: AI가 생성한 플로우차트를 검토하고, 필요한 경우 수동으로 수정합니다. Mermaid 코드를 직접 편집하거나 AI에게 추가 지시를 내릴 수 있습니다.

그 외의 다양한 차트

간트 차트

1. AI에 요청: 간트 차트를 그려줘

2. 결과

파이 차트 그리기

1. 요청: 파이차트를 그려줘

2. 결과

Tips

색상 활용

1. 플로우 차트에서 왼쪽의 AI 요청 버튼을 클릭합니다.

2. 프롬프트를 추가하고 생성합니다.
프롬프트: 알록달록 색을 추가해줘

3. 결과

코드-미리 보기-분활 보기