Pele: Render Diagram Mermaid ke SVG Bertema
Judul asli: Pele – Mermaid diagrams as themeable SVG
Mengapa Ini Penting
Alternatif ringan Mermaid.js membuka peluang bagi aplikasi web yang butuh diagram cepat.
Pele, library open source ringan, mengonversi sintaks Mermaid menjadi SVG bertema CSS variables, 6× lebih kecil dan hingga 500× lebih cepat dari Mermaid.js.
Pele adalah library JavaScript open source yang mengubah sintaks Mermaid menjadi file SVG yang dapat ditata dengan CSS variables. Dibuat oleh kepano dan awalnya dikembangkan untuk Obsidian, Pele mendukung semua tipe diagram bawaan Mermaid versi 12.1.0.
Perbandingan teknisnya cukup mencolok: ukuran bundle Pele hanya 230 kB (gzip), versus Mermaid.js sebesar 1,6 MB — selisih sekitar 6 kali lipat. Waktu render Pele berkisar 0,05–0,3 ms, sementara Mermaid.js membutuhkan 6–82 ms. Pele juga berjalan tanpa dependensi eksternal sama sekali, sedangkan Mermaid.js membawa 23 dependensi langsung.
Keunggulan lain adalah pewarnaan berbasis CSS variables: pengguna dapat mengubah warna tema tanpa perlu me-render ulang diagram. Di layar kecil, Pele juga menyesuaikan tata letak secara otomatis. Instalasi tersedia lewat npm, pnpm, yarn, atau bun dengan satu perintah. Library ini dirilis di bawah lisensi MIT.