Smart Diagram

Pada tutorial ini kita membahas smartdiagram, yaitu paket LaTeX yang memudahkan pembuatan berbagai jenis diagram secara cepat. Sebelumnya sudah ada pembahasan tentang diagram batang dan diagram lingkaran, sedangkan di sini fokusnya adalah diagram yang sudah disediakan langsung oleh paket smartdiagram.

Jenis-Jenis Smart Diagram

Beberapa gaya diagram yang tersedia antara lain:

• Flow diagram
• Circular diagram
• Bubble diagram
• Descriptive diagram
• Constellation diagram
• Priority descriptive diagram
• Animating diagram

Sebelum mencoba contoh-contoh berikut, siapkan dokumen dasar ini:

\documentclass{article}
\usepackage{smartdiagram}
\begin{document}
...
\end{document}

A. Flow Diagram

Flow diagram dapat dibuat horizontal maupun vertikal.

Contoh horizontal:

\smartdiagram[flow diagram:horizontal]{
  Pedagogik, Kepribadian, Profesional, Sosial
}

Hasilnya tampak seperti berikut.

Untuk versi vertikal, cukup ganti horizontal menjadi vertical.

\smartdiagram[flow diagram:vertical]{
  Pedagogik, Kepribadian, Profesional, Sosial
}

B. Circular Diagram

Circular diagram menempatkan item-item di sekeliling lingkaran.

Arah searah jarum jam:

\smartdiagram[circular diagram:clockwise]{
  Pedagogik, Kepribadian, Profesional, Sosial
}

Arah berlawanan jarum jam:

\smartdiagram[circular diagram:anticlockwise]{
  Pedagogik, Kepribadian, Profesional, Sosial
}

C. Bubble Diagram

Bubble diagram menempatkan satu item utama di tengah, lalu item lain di sekelilingnya.

\smartdiagram[bubble diagram]{
  Kompetensi Guru, Pedagogik, Kepribadian, Profesional, Sosial
}

D. Descriptive Diagram

Descriptive diagram cocok untuk menampilkan item beserta penjelasannya.

\smartdiagram[descriptive diagram]{
  {Pedagogik,{Kemampuan guru dalam mengelola suatu proses pembelajaran}},
  {Kepribadian,{Karakter personal yang mencerminkan kepribadian yang baik}},
  {Profesional,{Penguasaan materi pembelajaran secara luas dan mendalam}},
  {Sosial,{Kemampuan guru untuk berkomunikasi dan bergaul secara efektif}}
}

E. Constellation Diagram

Constellation diagram menempatkan satu item utama di tengah dan item lain di sekelilingnya, terhubung dengan panah.

\smartdiagram[constellation diagram]{
  Kompetensi Guru, Pedagogik, Kepribadian, Profesional, Sosial
}

F. Priority Descriptive Diagram

Diagram ini berguna untuk menampilkan urutan prioritas dari bawah ke atas.

\smartdiagram[priority descriptive diagram]{
  Merencanakan pembelajaran,
  Melaksanakan pembelajaran,
  Mengevaluasi pembelajaran,
  Menilai hasil pembelajaran,
  Menganalisis hasil pembelajaran,
  Tindak lanjut hasil pembelajaran
}

G. Animating Diagram

Animating diagram biasanya dipakai pada presentasi beamer. Diagram akan muncul bertahap dari slide ke slide.

Contoh struktur dasarnya:

\documentclass{beamer}
\usepackage{smartdiagram}
\begin{document}
\begin{frame}
\smartdiagramanimated[circular diagram]{
  Pedagogik, Kepribadian, Profesional, Sosial
}
\end{frame}
\end{document}

Contoh hasil tampilannya:

Penutup

Paket smartdiagram menyediakan banyak pilihan diagram siap pakai dan cukup fleksibel untuk kebutuhan dokumen maupun presentasi. Warna yang muncul pada contoh-contoh di atas adalah warna bawaan paket, tetapi masih bisa dikustomisasi lebih lanjut jika diperlukan.