Ayhan Sipahi Mermaid Diyagram Tipleri: Her Grafik Türü için Örnekler
Akış şemaları, sıralı diyagramlar, Gantt grafikleri ve daha fazlası için interaktif örneklerle tüm Mermaid diyagram tiplerinin kapsamlı vitrini
Tüm Mermaid diyagram tiplerini interaktif örneklerle keşfedin. Her diyagram, optimal deneyim için yakınlaştırma, kaydırma ve tam ekran görüntülemeyi destekler - ancak interaktif özellikler tarayıcınıza ve platformunuza bağlı olarak değişebilir.
1. Akış Şeması - Süreç Akışı Görselleştirme
Akış şemaları süreçleri, karar ağaçlarını ve sistem akışlarını görselleştirmek için mükemmeldir.
Border-first (site standardı): Stilli düğümlerde tek nötr dolgu (#1e293b) ve anlam stroke renkleri kullanılır; parlak düğüm dolguları yok. Palet ve şablonlar için docs/BLOG_WRITING.md dosyasına bak.
2. Sıralı Diyagram - Etkileşim Zaman Çizelgesi
API çağrıları, kullanıcı etkileşimleri ve sistem iletişimlerini belgelemek için mükemmel.
3. Sınıf Diyagramı - Nesne Yönelimli Yapı
Yazılım mimarisi ve sınıf ilişkilerini belgelemek için ideal.
4. Durum Diyagramı - Durum Makinesi Görselleştirme
Durum makineleri, yaşam döngüsü akışları ve durum geçişlerini modellemek için mükemmel.
5. Varlık İlişki Diyagramı - Veritabanı Şeması
Veritabanı tasarımı ve ilişki dokümantasyonu için gerekli.
6. Gantt Şeması - Proje Zaman Çizelgesi
Proje planlama ve zaman çizelgesi görselleştirmesi için mükemmel.
7. Pasta Grafiği - Veri Dağılımı
Oranları ve yüzdeleri göstermek için basit ve etkili.
8. Git Grafiği - Versiyon Kontrol Akışı
Git dallanma stratejilerini ve birleştirme akışlarını görselleştirin.
9. Kullanıcı Yolculuğu - Müşteri Deneyimi Haritalama
Kullanıcı deneyimlerini ve müşteri yolculuklarını haritalayın.
10. Dört Bölmeli Grafik - Öncelik Matrisi
Önceliklendirme ve karar verme için kullanışlı.
11. Zihin Haritası - Kavram Organizasyonu
Beyin fırtınası ve hiyerarşik bilgi organizasyonu için harika.
12. Zaman Çizelgesi - Tarihsel Olaylar
Kronolojik olayları ve kilometre taşlarını belgeleyin.
13. Gereksinim Diyagramı - Sistem Gereksinimleri
Sistem gereksinimlerini ve ilişkilerini belgeleyin.
Mermaid Diyagramlarını Kullanma İpuçları
İnteraktif Özellikler
- Yakınlaştırma: Fare tekerleği veya pinch hareketi kullanın (tarayıcı desteğine bağlıdır)
- Kaydırma: Tıklayın ve sürükleyerek hareket ettirin (dokunmatik cihazlarda değişebilir)
- Tam Ekran: Detaylı görünüm için genişlet butonuna tıklayın (platforma bağlıdır)
- Sıfırlama: Sıfırlama butonu ile orijinal görünüme dönün
- Erişilebilirlik: Çoğu interaktif özellik klavye navigasyonu ile çalışır, ancak deneyim farklı yardımcı teknolojilerde değişebilir
En İyi Uygulamalar
- Diyagramları odaklı tutun ve çok karmaşık yapmayın
- Önemli öğeleri vurgulamak için renkleri stratejik kullanın
- Açıklık için notlar ve etiketler ekleyin
- Mobil cihazlarda duyarlılık için test edin
- Büyük diyagramları daha küçük parçalara bölmeyi düşünün
Diyagram Tipi Seçim Rehberi
- Akış Şeması: Süreç akışları, karar ağaçları
- Sıralı: API etkileşimleri, kullanıcı akışları
- Sınıf: Yazılım mimarisi, OOP tasarımı
- Durum: Durum makineleri, durum akışları
- ER: Veritabanı şemaları, veri ilişkileri
- Gantt: Proje zaman çizelgeleri, zamanlama
- Pasta: Veri dağılımı, yüzdeler
- Git: Versiyon kontrol stratejileri
- Yolculuk: Kullanıcı deneyimi haritalama
- Dört Bölme: Öncelik matrisleri, karşılaştırmalar
- Zihin Haritası: Beyin fırtınası, kavram organizasyonu
- Zaman Çizelgesi: Tarihsel olaylar, yol haritaları
- Gereksinim: Sistem özellikleri
Kaynaklar
- Mermaid Resmi Belgeleri - Mermaid’in tanıtımı, sözdizimi referansı ve diyagram tipleri
- Mermaid GitHub Deposu - Kaynak kodu, sürüm notları ve topluluk katkıları
- Mermaid Canlı Editör - Mermaid diyagramlarını etkileşimli olarak oluşturma ve paylaşma aracı
- Diyagram Sözdizimi Referansı - Desteklenen tüm diyagram tiplerini kapsayan kapsamlı sözdizimi kılavuzu
- Mermaid Akış Şeması Belgeleri - Akış şeması düğümleri, kenarları ve stil seçenekleri için ayrıntılı kılavuz
İlgili yazılar
Olgun bir mühendislik ekibinin sahiplendiği belgelere bir rehber: onboarding, takım anlaşmaları, Definition of Done, nöbet, bilgi aktarımı ve her birini iyi yapan şey.
Yüzlerce doküman inceleyerek oluşturulan, onaylanan ve başarılı implementasyonlara yol açan teknik RFC'ler hazırlama rehberi
RFC süreçleri, stakeholder yönetimi ve teknik tartışmaları işbirlikçi kararlara dönüştürme deneyiminden zorlu dersler.
Bilgi dağıtımı, dokümantasyon stratejileri ve sistematik risk yönetimi ile ekibinizi tek hata noktalarından nasıl koruyacağınızı öğrenin.
Dokümantasyon borcu takımları teknik borçtan hızlı yavaşlatır. Dokümantasyonu kritik altyapı gibi ele alıp mühendislik takımlarında bilgiyi ölçeklendirme rehberi.