DevBento logoDevBento
Araçlar/Mermaid Diyagram Editörü/Mermaid Gantt Şeması

Mermaid Gantt Şeması

Mermaid sözdizimi ile Gantt şemaları oluşturun. Görevleri, süreleri, bağımlılıkları, kilometre taşlarını ve bölümleri tanımlayın. Canlı önizleme.

Şablonlar:

Editör yükleniyor...

Diyagram önizlemesi burada görünecek...

İlgili Araçlar
.mdMarkdown Önizleme
Markdown'ı gerçek zamanlı HTML'ye dönüştürün. GFM desteği ile tablo, görev listesi, kod blokları ve üstü çizili metin. HTML çıktısını tek tıkla kopyalayın.
</>SQL / CSS / HTML Formatlayıcı
SQL sorgularını, CSS stil sayfalarını ve HTML kodlarını sözdizimi vurgulama ile biçimlendirin ve küçültün. Tarayıcınızda çalışır, sunucuya veri gönderilmez.
{}JSON Formatlayıcı ve Doğrulayıcı
JSON verilerini güzel yazdırma, küçültme ve doğrulama aracı. Sözdizimi vurgulama, interaktif ağaç görünümü ve satır numaraları ile anlık hata tespiti.
+/-Metin Karşılaştırma Aracı (Diff Checker)
İki metin bloğunu yan yana veya satır içi görünümde karakter düzeyinde vurgulama ile karşılaştırın. Eklemeleri, silmeleri ve değişiklikleri anında bulun.
SVG Viewer & Optimizer
Export diagram as SVG

Mermaid Gantt Şeması Sözdizimi

Gantt şemaları, görevleri bir zaman çizelgesine karşı çizer. Her görevin bir başlangıç tarihi (açık veya başka bir göreve göreceli), bir süresi ve isteğe bağlı olarak bir durumu ve bölüm gruplaması vardır. Mermaid, bunları zaman eksenli yatay çubuk grafikler olarak işler.

Temel Yapı

gantt
    title Proje Adı
    dateFormat YYYY-MM-DD
    axisFormat %b %d

    section Aşama 1
        Görev A :a1, 2024-01-01, 7g
        Görev B :after a1, 5g

Her Gantt şeması gantt ile başlar. title, dateFormat ve axisFormat isteğe bağlı ancak önerilir.

Görev Tanımı

Her görev satırı şu formata sahiptir:

Görev adı :durum, görevId, başlangıçTarihi, süre
Alan Örnek Açıklamalar
ad API'yi derle Görüntülenen etiket
durum done, active, crit İsteğe bağlı, birleştirilebilir
görevId api1 Diğer görevler bağlıysa gerekli
başlangıç 2024-03-01 veya after diğer Açık tarih veya bağımlılık
süre 5g, 2h Gün veya hafta

Bağımlılıklar

Bağımlılıklar, Gantt şemalarının en kullanışlı kısmıdır. Tarihleri sabit kodlamak yerine ilişkileri tanımlayın:

gantt
    dateFormat YYYY-MM-DD
    Tasarım     :tas, 2024-01-01, 5g
    Uygulama    :uyg, after tas, 10g
    Test        :test, after uyg, 5g
    Dağıtım     :after test, 2g

Görev Durumu

Durum İşleme Kullanım
done Soluk dolgu Tamamlanan iş
active Vurgulu Geçerli sprint/görev
crit Kırmızı vurgu Kritik yol öğeleri
(yok) Varsayılan dolgu Planlanan gelecek iş

Bölümler

Bölümler, ilgili görevleri bir etiket ve alternatif arka plan bantlarıyla görsel olarak gruplar:

section ArkaUç
    API uç noktaları  :api, 2024-01-01, 10g
    Veritabanı kurulumu :db, 2024-01-01, 5g

Pratik Desenler

Sprint planı

gantt
    title Sprint 12
    dateFormat YYYY-MM-DD
    section Hikayeler
        Kullanıcı girişi   :done, s1, 2024-03-04, 3g
        Profil sayfası    :active, s2, after s1, 4g

Geçiş zaman çizelgesi

Önceden yüklenmiş örnek, planlama, uygulama ve dağıtım aşamaları, bağımlılık zincirleri ve bir üretime geçiş kilometre taşı ile bir API geçişini gösterir.

Bu zaman çizelgesi içindeki API etkileşimlerini belgelemek için Mermaid Sıra Diyagramı aracını deneyin.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.

© 2026 devbento.dev · yerel olarak geliştirildiChangelog