ระบบ Canvas

ระบบ Canvas

Canvas คือพื้นที่ทำงานแบบ Visual ที่ไม่จำกัดขนาดของ KOBI AI ทำหน้าที่เป็นกระดานดิจิทัลให้คุณจัดวางข้อมูล ไอเดีย และผลวิเคราะห์ในรูปแบบ Node ที่เชื่อมต่อกัน ทำให้เห็นภาพรวมของงานได้ชัดเจน

Canvas คืออะไร

Canvas เป็นพื้นที่ทำงานที่อยู่ด้านขวาของหน้าจอในโหมดโปรเจค เมื่อคุณแชทกับ AI Agent ผลลัพธ์จะถูกแสดงเป็น Node บน Canvas โดยอัตโนมัติ คุณสามารถจัดวาง แก้ไข เพิ่ม และเชื่อมต่อ Node ได้ตามต้องการ

Canvas ใช้งานได้เฉพาะใน โหมดโปรเจค เท่านั้น ไม่สามารถใช้งานได้ใน Quick Chat

Pan และ Zoom (ลากและซูม)

Canvas รองรับการนำทางพื้นฐาน:

• ลาก (Pan) — กดค้างที่พื้นที่ว่างแล้วลากเพื่อเลื่อนมุมมอง
• ซูมเข้า — เลื่อนล้อเมาส์ขึ้น หรือ Pinch-to-zoom บนอุปกรณ์สัมผัส
• ซูมออก — เลื่อนล้อเมาส์ลง เพื่อดูภาพรวมของ Node ทั้งหมด
• Fit to View — กดปุ่ม Fit เพื่อให้ Canvas ปรับมุมมองให้เห็น Node ทั้งหมดพอดีหน้าจอ

สร้าง Node (จุดข้อมูล)

Node คือหน่วยข้อมูลแต่ละชิ้นบน Canvas มี 2 วิธีในการสร้าง:

สร้างจาก AI

เมื่อคุณถามคำถามหรือสั่งให้ Agent ทำงาน Agent จะสร้าง Node บน Canvas อัตโนมัติ เช่น ถาม Idea Agent ให้ระดมไอเดีย 5 ข้อ จะได้ Node 5 ชิ้นบน Canvas

สร้างด้วยตัวเอง

คุณสามารถสร้าง Node ใหม่เองได้โดย:

1. ดับเบิลคลิกบนพื้นที่ว่างของ Canvas
2. เลือกประเภท Node ที่ต้องการ
3. พิมพ์เนื้อหาลงใน Node
4. ลาก Node ไปวางในตำแหน่งที่ต้องการ

จัดการ Node

• ย้าย Node — ลาก Node ไปวางตำแหน่งใหม่
• แก้ไข — คลิกที่ Node เพื่อเปิดแก้ไขเนื้อหา
• ลบ — เลือก Node แล้วกดปุ่มลบ
• ปรับขนาด — ลากมุมของ Node เพื่อปรับขนาด

เชื่อมต่อ Node ด้วย Edge

Edge คือเส้นเชื่อมที่แสดงความสัมพันธ์ระหว่าง Node:

1. วางเมาส์ที่ขอบของ Node ต้นทาง จะเห็นจุดเชื่อมต่อ
2. ลากจากจุดเชื่อมต่อไปยัง Node ปลายทาง
3. ปล่อยเมาส์เพื่อสร้างเส้นเชื่อม

Edge ช่วยให้เห็นว่า Node ไหนสัมพันธ์กับ Node ไหน เช่น ไอเดียหลักเชื่อมต่อกับไอเดียย่อย หรือกลยุทธ์เชื่อมต่อกับเป้าหมาย

Minimap

Minimap คือแผนที่ขนาดเล็กมุมล่างของ Canvas ที่แสดงภาพรวมของ Node ทั้งหมด:

• ดูได้ว่า Node กระจายตัวอยู่ตรงไหน
• คลิกที่ตำแหน่งบน Minimap เพื่อกระโดดไปยังจุดนั้น
• เหมาะสำหรับ Canvas ที่มี Node จำนวนมาก

Canvas แต่ละ Agent ต่างกันอย่างไร

Agent แต่ละตัวมี Canvas ที่ปรับแต่งมาเฉพาะ:

Idea Canvas

• Node รูปแบบ Idea Map เชื่อมโยงความคิด
• สีแยกตามหมวดหมู่ไอเดีย
• เหมาะกับการระดมไอเดียและเชื่อมโยงข้อมูล

Strategy Canvas

• รองรับ SWOT Quadrant (4 ส่วน)
• Node แสดง Strategy Item พร้อมระดับความสำคัญ
• เหมาะกับการวิเคราะห์กลยุทธ์และวางแผน

Analytics Canvas

• แสดง Chart และ KPI Card
• รองรับกราฟหลากหลายรูปแบบ
• เหมาะกับการวิเคราะห์ข้อมูลและสร้าง Dashboard

Maps Canvas

• แผนที่ interactive ด้วย MapLibre GL
• รองรับ Heatmap และ Layer ข้อมูล
• เหมาะกับการวิเคราะห์ข้อมูลเชิงพื้นที่

General Canvas (Chat)

• Node ข้อความทั่วไป
• ใช้สำหรับ Agent ที่ไม่มี Canvas เฉพาะ

ขั้นตอนถัดไป

• Idea Agent — ดูวิธีใช้ Idea Canvas
• Strategy Agent — ดูวิธีใช้ Strategy Canvas
• Analytics Agent — ดูวิธีใช้ Analytics Canvas