Peta Pikiran
Peta pikiran adalah sejenis diagram yang digunakan untuk mengorganisasikan informasi secara grafis dan menunjukkan hubungan antar bagian dari keseluruhan. Biasanya dibuat di sekitar suatu topik, topik digambar di tengah halaman kosong, lalu representasi ide yang terkait dengannya ditambahkan di sekelilingnya. Ide utama terhubung langsung ke topik, sedangkan ide lainnya bercabang dari ide-ide utama tersebut.
Contoh peta pikiran:
Salin
Sematkan
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
Sintaks
Sintaks untuk membuat peta pikiran sederhana, dan bergantung pada indentasi untuk menetapkan tingkat dalam struktur hierarki.
Pada contoh di bawah ini, Anda dapat melihat 3 tingkat yang berbeda. Tingkat pertama dimulai dari sisi kiri teks; tingkat kedua memiliki dua baris yang dimulai dari kolom yang sama, mendefinisikan simpul A. Teks tingkat ketiga lebih menjorok daripada baris-baris sebelumnya, mendefinisikan simpul B dan C.
Salin
Sematkan
mindmap
Root
A
B
C
Singkatnya, ini adalah kerangka teks sederhana, di mana simpul akar bernama Root, yang memiliki satu simpul anak A. A juga memiliki dua anak, B dan C. Pada gambar di bawah ini, kita dapat melihatnya dirender dalam gaya peta pikiran.
Salin
Sematkan
mindmap
Root
A
B
C
Dengan cara ini, kita dapat menggunakan kerangka teks untuk menghasilkan peta pikiran hierarkis.
Bentuk yang berbeda
Peta pikiran Mermaid dapat menggunakan bentuk yang berbeda untuk menampilkan simpul. Saat menentukan bentuk simpul, sintaksnya mirip dengan simpul diagram alur: pertama sebuah ID, lalu definisi bentuk, dan teks ditempatkan di dalam kotak tampilan bentuk tersebut
Peta pikiran dapat menampilkan bentuk-bentuk berikut:
Persegi panjang
Salin
Sematkan
mindmap
id[I am a square]
Persegi panjang bersudut tumpul
Salin
Sematkan
mindmap
id(I am a rounded square)
Lingkaran
Salin
Sematkan
mindmap
id((I am a circle))
Gelembung ledakan
Salin
Sematkan
mindmap
id))I am a bang((
Awan
Salin
Sematkan
mindmap
id)I am a cloud(
Segi enam
Salin
Sematkan
mindmap
id{{I am a hexagon}}
Bawaan
Salin
Sematkan
mindmap
I am the default shape
Ikon dan kelas
Ikon
Seperti pada diagram alur, Anda dapat menambahkan ikon pada simpul, tetapi menggunakan sintaks yang lebih baru. Gaya ikon berbasis font ditambahkan selama proses integrasi, sehingga dapat digunakan di halaman web. Anda dapat menambahkannya ke simpul peta pikiran menggunakan sintaks ::icon().
Salin
Sematkan
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
Kelas
Demikian pula, sintaks untuk menambahkan kelas mirip dengan diagram alur. Anda dapat menggunakan tiga titik dua ::: untuk menambahkan kelas, dengan nama kelas dipisahkan oleh spasi. Pada contoh di bawah ini, salah satu simpul dilampirkan dua kelas khusus: urgent mengubah latar belakang menjadi merah dan teks menjadi putih; large memperbesar ukuran font:
Salin
Sematkan
mindmap
Root
A[A]
:::urgent large
B(B)
C
String Markdown
Fitur string Markdown memperkaya peta pikiran dengan menyediakan jenis string yang lebih fleksibel, mendukung opsi format teks seperti tebal dan miring, serta kemampuan untuk membungkus teks secara otomatis di dalam label.
Salin
Sematkan
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]
Pemformatan:
- Untuk menebalkan teks, gunakan dua tanda bintang ** sebelum dan sesudah teks.
- Untuk memiringkan teks, gunakan satu tanda bintang * sebelum dan sesudah teks.
