Timeline

Visualisasikan peristiwa kronologis dan tonggak sepanjang sumbu waktu. Cocok untuk sejarah proyek dan peta jalan.

Apa itu Timeline?

Diagram timeline menyajikan peristiwa dalam urutan kronologis sepanjang sumbu waktu, memudahkan untuk melihat urutan dan hubungan antar peristiwa. Mereka penting untuk perencanaan proyek, dokumentasi historis, peta jalan produk, dan skenario apa pun di mana pemahaman hubungan temporal penting. Timeline memberikan narasi linier yang jelas tentang peristiwa dari waktu ke waktu.

Edit dan pratinjau

Bangun Timeline dengan sintaks Mermaid dan lihat perubahan secara instan.

Editor

100%

Example

Timeline example

A Mermaid timeline showing when example code, PNG previews, and alt text are added.

Mermaid code

timeline
    title Mermaid Editor Release Timeline
    2026-05-01 : Add example code
               : Render PNG preview
    2026-05-03 : Add image alt text
               : Improve SEO content
    2026-05-05 : Publish pages

Kasus Penggunaan Umum

Peta Jalan Produk

Visualisasikan fitur yang direncanakan, rilis, dan tonggak sepanjang timeline. Komunikasikan prioritas pengembangan kepada pemangku kepentingan dan anggota tim.

Tonggak Proyek

Lacak peristiwa proyek utama, deliverables, dan tenggat waktu. Berikan gambaran jelas tentang kemajuan proyek dan tonggak yang akan datang.

Dokumentasi Historis

Sajikan sejarah perusahaan, evolusi teknologi, atau cerita kronologis apa pun. Buat narasi visual yang menarik tentang peristiwa dari waktu ke waktu.

Catatan Rilis

Dokumentasikan versi perangkat lunak dan fitur utamanya dalam urutan kronologis. Bantu pengguna memahami evolusi produk.

Fitur Utama

Periode Waktu

Definisikan periode waktu dengan label seperti tanggal, kuartal, atau teks kustom untuk mengorganisir peristiwa secara kronologis.

Beberapa Peristiwa per Periode

Kelompokkan beberapa peristiwa di bawah periode waktu yang sama untuk menunjukkan aktivitas bersamaan atau item terkait.

Judul dan Seksi

Tambahkan judul keseluruhan dan header seksi untuk memberikan konteks dan mengorganisir timeline ke dalam kelompok logis.

Tata Letak Otomatis

Mermaid secara otomatis mengatur jarak dan susunan peristiwa sepanjang timeline untuk keterbacaan optimal.

Praktik Terbaik

Gunakan Skala Waktu Konsisten

Jaga interval waktu tetap konsisten di seluruh timeline. Jangan campurkan hari dengan tahun kecuali ditunjukkan dengan jelas.

Sorot Peristiwa Kunci

Tekankan tonggak yang paling penting. Tidak setiap peristiwa perlu bobot visual yang sama.

Jaga Label Ringkas

Gunakan label pendek dan deskriptif untuk peristiwa. Detail dapat diberikan dalam dokumentasi pendamping.

Kelompokkan Peristiwa Terkait

Gunakan seksi untuk mengelompokkan peristiwa terkait, memudahkan pemahaman tema dan fase.

Jelajahi jenis diagram lainnya

Flowchart

Visualisasikan proses, alur kerja, dan algoritma dengan node dan panah terarah. Sempurna untuk proses bisnis dan pohon keputusan.

Diagram Sekuens

Dokumentasikan interaksi antara aktor atau sistem yang berbeda dari waktu ke waktu. Ideal untuk dokumentasi API dan desain sistem.

Diagram Kelas

Modelkan sistem berorientasi objek dengan kelas, atribut, dan relasi. Penting untuk perencanaan arsitektur perangkat lunak.

Diagram State

Representasikan transisi state dalam sistem atau aplikasi. Cocok untuk memodelkan state siklus hidup dan alur kerja.

Gantt Chart

Rencanakan dan lacak jadwal proyek dengan tugas dan dependensi. Sempurna untuk manajemen proyek dan penjadwalan.

Diagram ER

Rancang skema database dengan entitas dan relasi. Ideal untuk pemodelan dan dokumentasi database.

Perjalanan Pengguna

Petakan pengalaman dan interaksi pengguna di berbagai titik sentuh. Sangat baik untuk desain UX dan pemetaan perjalanan pelanggan.

Git Graph

Visualisasikan strategi percabangan Git dan riwayat commit. Berguna untuk menjelaskan alur kerja kontrol versi.

Peta Pikiran

Organisir ide, brainstorming, dan buat struktur visual hierarkis. Sempurna untuk perencanaan dan pemetaan pengetahuan.

Diagram Lingkaran

Tampilkan distribusi data proporsional dengan diagram lingkaran. Ideal untuk menunjukkan persentase dan analisis pangsa pasar.

Papan Kanban

Organisir tugas ke dalam kolom yang merepresentasikan tahapan alur kerja. Sempurna untuk manajemen proyek agile dan pelacakan tugas.

Diagram Kuadran

Plot item pada grid dua sumbu untuk membandingkan dan memprioritaskan. Ideal untuk prioritas fitur dan analisis strategis.

Diagram Sankey

Visualisasikan kuantitas aliran antar node dengan panah proporsional. Sempurna untuk aliran energi, alokasi anggaran, dan corong konversi.

Grafik XY

Buat diagram batang dan diagram garis dengan sumbu yang dapat disesuaikan. Ideal untuk visualisasi data dan analisis tren.

Diagram Blok

Bangun tata letak terstruktur dengan blok yang disusun dalam kolom dan baris. Cocok untuk arsitektur sistem dan gambaran umum komponen.

Diagram Arsitektur

Rancang arsitektur cloud dan sistem dengan ikon layanan dan koneksi. Sempurna untuk dokumentasi infrastruktur.

Diagram Paket

Visualisasikan struktur paket protokol jaringan dengan tata letak field tingkat bit. Penting untuk dokumentasi protokol jaringan.