แผนผังความคิด
แผนที่ความคิดเป็นแผนภาพที่ใช้จัดระเบียบข้อมูลแบบกราฟิก และแสดงความสัมพันธ์ระหว่างส่วนต่าง ๆ ของภาพรวม มักสร้างขึ้นโดยมีหัวข้อหนึ่งเป็นศูนย์กลาง หัวข้อจะถูกวาดไว้ที่กึ่งกลางของหน้ากระดาษว่าง จากนั้นจึงเพิ่มรูปแบบความคิดที่เกี่ยวข้องไว้โดยรอบ ความคิดหลักเชื่อมต่อกับหัวข้อโดยตรง ส่วนความคิดอื่น ๆ จะแตกแขนงออกมาจากความคิดหลักเหล่านี้
ตัวอย่างแผนที่ความคิด:
คัดลอก
ฝัง
mindmap
root((mindmap))
Origins
Long history
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools
Pen and paper
Mermaid
ไวยากรณ์
ไวยากรณ์สำหรับสร้างแผนที่ความคิดนั้นเรียบง่าย และอาศัยการเยื้องเพื่อกำหนดระดับในโครงสร้างลำดับชั้น
ในตัวอย่างด้านล่าง คุณจะเห็น 3 ระดับที่แตกต่างกัน ระดับแรกเริ่มจากด้านซ้ายของข้อความ ระดับที่สองมีสองบรรทัดที่เริ่มจากคอลัมน์เดียวกัน กำหนดโหนด A ข้อความระดับที่สามเยื้องมากกว่าบรรทัดก่อนหน้า กำหนดโหนด B และ C
คัดลอก
ฝัง
mindmap
Root
A
B
C
กล่าวโดยสรุป นี่คือโครงร่างข้อความอย่างง่าย โดยโหนดรากชื่อ Root มีโหนดลูกหนึ่งโหนดคือ A และ A มีโหนดลูกล่างสองโหนดคือ B และ C ในภาพด้านล่าง เราจะเห็นว่ามันถูกเรนเดอร์เป็นรูปแบบแผนที่ความคิด
คัดลอก
ฝัง
mindmap
Root
A
B
C
ด้วยวิธีนี้ เราสามารถใช้โครงร่างข้อความเพื่อสร้างแผนที่ความคิดแบบลำดับชั้นได้
รูปร่างที่แตกต่างกัน
แผนที่ความคิดของ Mermaid สามารถใช้รูปร่างต่าง ๆ เพื่อแสดงโหนดได้ เมื่อระบุรูปร่างของโหนด ไวยากรณ์จะคล้ายกับโหนดของผังงาน คือเริ่มด้วย ID แล้วตามด้วยการกำหนดรูปร่าง โดยข้อความอยู่ในกล่องแสดงผลของรูปร่าง
แผนที่ความคิดสามารถแสดงรูปร่างต่อไปนี้:
สี่เหลี่ยมมุมฉาก
คัดลอก
ฝัง
mindmap
id[I am a square]
สี่เหลี่ยมมุมมน
คัดลอก
ฝัง
mindmap
id(I am a rounded square)
วงกลม
คัดลอก
ฝัง
mindmap
id((I am a circle))
ฟองระเบิด
คัดลอก
ฝัง
mindmap
id))I am a bang((
เมฆ
คัดลอก
ฝัง
mindmap
id)I am a cloud(
หกเหลี่ยม
คัดลอก
ฝัง
mindmap
id{{I am a hexagon}}
ค่าเริ่มต้น
คัดลอก
ฝัง
mindmap
I am the default shape
ไอคอนและคลาส
ไอคอน
เช่นเดียวกับผังงาน คุณสามารถเพิ่มไอคอนให้กับโหนดได้ แต่ใช้ไวยากรณ์ที่ใหม่กว่า สไตล์ไอคอนที่อิงกับฟอนต์ถูกเพิ่มในระหว่างการผสานรวม เพื่อให้สามารถใช้งานได้ในเว็บเพจ คุณสามารถใช้ไวยากรณ์ ::icon() เพื่อเพิ่มไอคอนเหล่านั้นลงในโหนดของแผนที่ความคิดได้
คัดลอก
ฝัง
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
คลาส
เช่นเดียวกัน ไวยากรณ์การเพิ่มคลาสคล้ายกับผังงาน คุณสามารถใช้เครื่องหมายทวิภาคสามตัว ::: เพื่อเพิ่มคลาส โดยชื่อคลาสคั่นด้วยช่องว่าง ในตัวอย่างด้านล่าง โหนดหนึ่งถูกแนบด้วยคลาสแบบกำหนดเองสองคลาส: urgent เปลี่ยนพื้นหลังเป็นสีแดง ข้อความเป็นสีขาว ส่วน large เพิ่มขนาดตัวอักษร:
คัดลอก
ฝัง
mindmap
Root
A[A]
:::urgent large
B(B)
C
สตริง Markdown
ฟีเจอร์สตริง Markdown ช่วยเสริมแผนที่ความคิดด้วยการจัดหาประเภทสตริงที่ยืดหยุ่นกว่า รองรับตัวเลือกการจัดรูปแบบข้อความ เช่น ตัวหนาและตัวเอียง และสามารถตัดบรรทัดในป้ายกำกับได้อัตโนมัติ
คัดลอก
ฝัง
mindmap
id1["`**Root** with
a second line
Unicode works too: 🤓`"]
id2["`The dog in **the** hog... a *very long text* that wraps to a new line`"]
id3[Regular labels still works]
การจัดรูปแบบ:
- หากต้องการทำข้อความเป็นตัวหนา โปรดใช้เครื่องหมายดอกจันคู่ ** หน้าหลังข้อความ
- หากต้องการทำข้อความเป็นตัวเอียง โปรดใช้เครื่องหมายดอกจันเดียว * หน้าหลังข้อความ
