Susun tonggak, peristiwa sejarah, tahap proyek, dan peta jalan produk menggunakan blok linimasa interaktif serta pratinjau SVG.
Siap.
Seret untuk mengurutkan atau tekan Alt+Atas/Bawah
Tempel sintaks linimasa Mermaid yang valid di sini. Pengeditan visual menormalkan spasi dan menghapus komentar. Salin kode yang memuat banyak komentar sebelum kembali ke pembuat visual.
Kode yang valid dapat diedit langsung dan diurai ke pembuat visual.
Pratinjau langsung
Linimasa proyek
Pratinjau siap saat Anda mulai.
Diagram dimuat saat ruang kerja terlihat atau Anda mulai mengedit.
Pola sintaks
Linimasa menyusun kronologi dari judul diagram hingga periode dan peristiwa. Gunakan referensi ini saat menulis sintaks, memeriksa kesalahan baris, atau menyiapkan diagram untuk dokumentasi Markdown.
Contekan linimasa Mermaid →Contoh siap salin
Beri inden pada baris di bawah periode dengan spasi awal dan titik dua.
timeline
title Incident Review
Detection : Elevated error rate
: On-call engineer paged
Recovery : Faulty release rolled back
: Service health confirmedContoh siap salin
Gunakan kata kunci section untuk membagi linimasa proyek panjang secara visual.
timeline
title Museum Exhibition
section Preparation
Research : Select artifacts : Secure loans
Conservation : Restore pieces : Photograph catalog
section Public Program
Opening week : Press preview : Member night
Closing week : Final tours : Return loansContoh siap salin
Tambahkan LR untuk alur horizontal atau TD untuk orientasi vertikal.
timeline LR
title Migration Plan
Audit : Inventory workloads
Pilot : Move an internal service
Cutover : Move production trafficContoh siap salin
Gunakan entitas HTML seperti #58; jika titik dua merupakan bagian dari label waktu.
timeline
title Operations Log
Sprint #35;4 #58; 10#58;00 UTC : Deploy at 10:00 : Verify issue #123Tanpa kata kunci diagram, Mermaid melaporkan kesalahan. Awali baris pertama selain komentar dengan timeline, timeline LR, atau timeline TD.
Titik dua biasa di dalam label periode dapat menyebabkan kesalahan penguraian. Escape titik dua periode menjadi #58;.
Contoh kesalahan
Buka contoh ini untuk melihat kesalahan kode, lalu tambahkan kata kunci.
title Release Plan
2026 : Public launchContoh kesalahan
Ubah 10:00 menjadi 10#58;00 pada label periode.
timeline
10:00 UTC : Public launchContoh siap salin
Susun tonggak, peristiwa sejarah, tahap proyek, dan peta jalan produk menggunakan blok linimasa interaktif serta pratinjau SVG.
Contoh siap salin
Gunakan untuk kronologi singkat yang tidak memerlukan judul atau bagian.
timeline
Pagi : Pengarahan tim
Sore : Keputusan dicatatContoh siap salin
Tempatkan beberapa tonggak pada bulan yang sama dengan pemisah titik dua.
timeline
title Konferensi komunitas
April : Pendaftaran pembicara : Lokasi dikonfirmasi
Juni : Jadwal diterbitkan : Pendaftaran dibuka
September : Hari konferensi : Rekaman diterbitkanContoh siap salin
Komentar tetap di kode Mermaid, tetapi pengeditan visual menormalkan sumbernya.
timeline
title Tinjauan insiden
Deteksi : Tingkat kesalahan meningkat
: Teknisi siaga dihubungi
Pemulihan : Rilis bermasalah dibatalkan
: Kesehatan layanan dikonfirmasiContoh siap salin
Pisahkan pekerjaan persiapan dan tonggak publik menggunakan bagian.
timeline
title Pameran galeri
section Kurasi
Jan : Pilih karya seni : Tandatangani perjanjian seniman
section Pemasangan
Feb : Bangun pajangan : Kalibrasi pencahayaan
section Publik
Mar : Pembukaan VIP : Penerimaan pengunjungContoh siap salin
Gunakan TD agar peta jalan panjang lebih mudah dibaca dari atas ke bawah.
timeline TD
title Migrasi pusat data
section Persiapan
Audit : Inventarisasi beban kerja
Pilot : Pindahkan layanan internal : Validasi pemulihan versi
section Peralihan
Akhir pekan 1 : Migrasikan basis data : Verifikasi replika
Akhir pekan 2 : Pindahkan trafik produksi : Nonaktifkan host lamaContoh siap salin
Dokumentasikan bulan rilis tanpa mengubah diagram menjadi jadwal proyek.
timeline
title Catatan rilis Atlas CLI
2025 Oct : Versi 0.8.0 : Cache luring diperkenalkan
2026 Feb : Versi 0.9.0 : Hook plugin ditambahkan : Validasi konfigurasi ditingkatkan
2026 Jun : Versi 1.0.0 : API perintah stabil : Panduan migrasi diterbitkanContoh siap salin
Uji pembungkusan label tonggak panjang sebelum menerbitkan diagram padat.
timeline
title Persiapan operasi teleskop antariksa
Tinjauan kesiapan : Verifikasi hasil vakum termal dan selesaikan seluruh tindak lanjut perangkat lunak penerbangan
Jendela peluncuran : Selesaikan integrasi wahana dan terbitkan serah terima operasi misi
Cahaya pertama : Kalibrasikan instrumen utama dan bagikan pengamatan medan dalam pertama kepada tim risetLinimasa Mermaid menampilkan tonggak kronologis, tahap rilis produk, atau peristiwa sejarah yang dikelompokkan dalam periode.
Ya. Ganti arah linimasa untuk menghasilkan tata letak vertikal TD atau horizontal LR.
Pisahkan peristiwa dengan titik dua atau tambahkan kartu peristiwa lanjutan di bawah periode yang sama dalam pembuat visual.