Düğümlerde Türkçe metin kullanabilir miyim?

Evet. Mermaid.js Unicode desteklediğinden Türkçe dahil herhangi bir dili düğüm metninde kullanabilirsiniz.

Diyagram önizleme alanının dışına taşarsa ne yapmalıyım?

Önizleme alanı kaydırmayı desteklemektedir. Ayrıca "graph TD" (yukarıdan aşağıya) yerine "graph LR" (soldan sağa) kullanarak düzeni değiştirebilirsiniz.

Diyagramım sunucuya gönderiliyor mu?

Hayır. Tüm işlemler Mermaid.js kullanılarak tarayıcınızda yerel olarak yapılır. Diyagramınızın içeriği hiçbir harici sunucuya iletilmez.

SVG ile PNG arasındaki fark nedir?

SVG büyütüldüğünde kalite kaybı yaşanmayan vektör formatıdır; sunumlar ve baskı için idealdir. PNG raster formatıdır, belgelere doğrudan yapıştırmak için uygundur.

Akış diyagramı dışında başka diyagramlar oluşturabilir miyim?

Evet. Mermaid.js; sıralı diyagramlar (sequenceDiagram), sınıf diyagramları (classDiagram), Gantt grafikleri (gantt) ve daha fazlasını destekler.

Kod oturumlar arasında kaydediliyor mu?

Mevcut sürüm oturumlar arasında kodu kaydetmemektedir. Sonradan düzenlemek için Mermaid kodunu editörden kopyalayıp yerel olarak kaydedin.

📈

text to flowchart,

Metin → Akış Diyagramı

Mermaid sözdizimi yazın ve anında akış diyagramı oluşturun. Sunucu yok — %100 yerel işlem.

🔒

Sunucuya gönderilmez

Diyagramınız her zaman yalnızca cihazınızda kalır

⚡

Gerçek zamanlı önizleme

Yazarken diyagram otomatik güncellenir

💾

SVG / PNG dışa aktarma

Yüksek kaliteli görüntüleri anında kaydedin

Tamamen yerel işlem — diyagramınız tarayıcıdan hiç ayrılmaz

Mermaid Kodunu Girin

Önizleme

about,

Hakkında

Metin → Akış Diyagramı; Mermaid sözdiziminden otomatik olarak akış diyagramları, sıralı diyagramlar ve daha fazlasını oluşturan ücretsiz bir tarayıcı aracıdır.

Tüm işlemler Mermaid.js kullanılarak yerel olarak gerçekleştirilir — hiçbir veri harici sunuculara gönderilmez; gizli iş akışları için güvenlidir.

SVG veya PNG olarak anında dışa aktarın. Uygulama kurulumu gerekmez — tarayıcıyı açın ve diyagram oluşturmaya başlayın.

how to,

Nasıl Kullanılır

ADIM 1

Kodu girin

Sol editöre Mermaid sözdizimi yazın. Başlamanıza yardımcı olmak için örnek bir diyagram önceden yüklenmiştir.

ADIM 2

Canlı önizleyin

Sağ taraftaki önizleme gerçek zamanlı güncellenir. Sözdizimi hatası varsa yardımcı bir hata mesajı görünür.

ADIM 3

SVG veya PNG olarak kaydedin

"SVG Kaydet" veya "PNG Kaydet" düğmesine tıklayarak diyagramı doğrudan cihazınıza indirin.

glossary,

Sözlük

Mermaid.js: Metin tabanlı sözdiziminden diyagramlar oluşturan JavaScript kütüphanesi. GitHub Markdown'da resmi olarak desteklenmektedir.
Akış Diyagramı (Flowchart): Bir sürecin veya iş akışının görsel temsili. Mermaid'de graph TD veya graph LR ile oluşturulur.
SVG (Scalable Vector Graphics): Çözünürlükten bağımsız vektör görüntü formatı. Büyütüldüğünde kalite kaybı yaşanmaz; sunumlar ve baskı için idealdir.
Düğüm (Node): Diyagramdaki her element (dikdörtgen, daire, elmas vb.). Mermaid'de A[Etiket] olarak tanımlanır.
Kenar (Edge): Düğümleri birbirine bağlayan ok veya çizgi. --> (ok) veya --- (çizgi) ile gösterilir.
Sıralı Diyagram (Sequence Diagram): Aktörler arasındaki etkileşimleri zaman içinde gösteren diyagram. sequenceDiagram ile oluşturulur.

faq,

Sık Sorulan Sorular

Q.Düğümlerde Türkçe metin kullanabilir miyim?: Evet. Mermaid.js Unicode desteklediğinden Türkçe dahil herhangi bir dili düğüm metninde kullanabilirsiniz.
Q.Diyagram önizleme alanının dışına taşarsa ne yapmalıyım?: Önizleme alanı kaydırmayı desteklemektedir. Ayrıca "graph TD" (yukarıdan aşağıya) yerine "graph LR" (soldan sağa) kullanarak düzeni değiştirebilirsiniz.
Q.Diyagramım sunucuya gönderiliyor mu?: Hayır. Tüm işlemler Mermaid.js kullanılarak tarayıcınızda yerel olarak yapılır. Diyagramınızın içeriği hiçbir harici sunucuya iletilmez.
Q.SVG ile PNG arasındaki fark nedir?: SVG büyütüldüğünde kalite kaybı yaşanmayan vektör formatıdır; sunumlar ve baskı için idealdir. PNG raster formatıdır, belgelere doğrudan yapıştırmak için uygundur.
Q.Akış diyagramı dışında başka diyagramlar oluşturabilir miyim?: Evet. Mermaid.js; sıralı diyagramlar (sequenceDiagram), sınıf diyagramları (classDiagram), Gantt grafikleri (gantt) ve daha fazlasını destekler.
Q.Kod oturumlar arasında kaydediliyor mu?: Mevcut sürüm oturumlar arasında kodu kaydetmemektedir. Sonradan düzenlemek için Mermaid kodunu editörden kopyalayıp yerel olarak kaydedin.

use cases,

Kullanım Senaryoları

📐

Sistem tasarım belgeleri

API çağrı akışlarını veya veritabanı şemalarını Mermaid ile belgelendirin ve teknik dokümanlara ekleyin.

📋

Toplantı notları ve iş akışları

Toplantılardaki iş akışlarını veya onay süreçlerini hızlıca görselleştirin ve ekibinizle paylaşın.

🎤

Sunum slaytları

PowerPoint'te diyagram çizmek çok yavaş olduğunda Mermaid'de oluşturun, PNG olarak dışa aktarın ve slaytlara yapıştırın.

📚

Eğitim materyalleri

Algoritma adımlarını veya zaman çizelgelerini akış diyagramı olarak görselleştirerek daha anlaşılır ders materyalleri oluşturun.

mermaid syntax,

Mermaid Sözdizimi

Temel akış diyagramı (`graph`)

graph TD
  A[Başlangıç] --> B{Koşul}
  B -->|Evet| C[İşlem A]
  B -->|Hayır| D[İşlem B]
  C --> E[Bitiş]
  D --> E

Düğüm şekli referansı

A[Metin] — Dikdörtgen

B(Metin) — Yuvarlatılmış

C{Metin} — Elmas

D((Metin)) — Daire

E>Metin] — Asimetrik

F[(DB)] — Veritabanı

İlgili Araçlar

Web & Geliştirici AraçlarıTümünü gör

⏳

Cron Oluşturucu

Cron ifadeleri oluşturun ve programları kontrol edin

🧩

JSON to TS Interface

JSON'dan TS türleri oluştur

🔒

HTTP Başlık Denetleyici

Yanıt başlıklarını kontrol et ve güvenlik tanılaması yap

📝

Markdown ⇔ HTML Dönüştürücü

Markdown'ı gerçek zamanlı önizlemeyle HTML'e dönüştür

🛠️

JSON Biçimleyici ve Doğrulayıcı

JSON'ı biçimlendir ve doğrula (Ağaç Görünümü ve YAML destekli)

🗂️

Dosya Boyutu Hesaplayıcı

Çözünürlük ve kapasiteye göre boyutları hesapla

🛡️

Parola Güçlülük Denetleyici

Gerçek zamanlı güvenlik tanılaması

🔑

Parola Oluşturucu

Güvenli rastgele parolalar oluştur

🤐

ZIP Parola Aracı

Parola korumalı ZIP dosyaları oluştur veya kilidi aç

Tüm Kategoriler

Web & Geliştirici Araçları CSS Oluşturucular Görüntü ve Fotoğraf Araçları Video ve Ses Araçları SEO & Pazarlama Ağ & Altyapı Metin Analizi ve İşleme Finans ve Maaş Araçları Tarih ve Takvim Araçları Belge ve İş Araçları Oyunlar ve Etkinlikler Yaşam ve Sağlık Ana Sayfa

Geri Bildirim Gönder

Aracı geliştirmemize yardımcı olmak için lütfen düşüncelerinizi bize bildirin.

Metin → Akış Diyagramı

Hakkında

Nasıl Kullanılır

Kodu girin

Canlı önizleyin

SVG veya PNG olarak kaydedin

Sözlük

Sık Sorulan Sorular

Kullanım Senaryoları

Sistem tasarım belgeleri

Toplantı notları ve iş akışları

Sunum slaytları

Eğitim materyalleri

Mermaid Sözdizimi

Temel akış diyagramı (`graph`)

Düğüm şekli referansı

İlgili Araçlar

Cron Oluşturucu

JSON to TS Interface

HTTP Başlık Denetleyici

Markdown ⇔ HTML Dönüştürücü

JSON Biçimleyici ve Doğrulayıcı

Dosya Boyutu Hesaplayıcı

Parola Güçlülük Denetleyici

Parola Oluşturucu

ZIP Parola Aracı

Tüm Kategoriler

Geri Bildirim Gönder

Geri bildirim geçici olarak askıya alındı

Sorumluluk Reddi

Metin → Akış Diyagramı

Hakkında

Nasıl Kullanılır

Kodu girin

Canlı önizleyin

SVG veya PNG olarak kaydedin

Sözlük

Sık Sorulan Sorular

Kullanım Senaryoları

Sistem tasarım belgeleri

Toplantı notları ve iş akışları

Sunum slaytları

Eğitim materyalleri

Mermaid Sözdizimi

Temel akış diyagramı (graph)

Düğüm şekli referansı

İlgili Araçlar

Cron Oluşturucu

JSON to TS Interface

HTTP Başlık Denetleyici

Markdown ⇔ HTML Dönüştürücü

JSON Biçimleyici ve Doğrulayıcı

Dosya Boyutu Hesaplayıcı

Parola Güçlülük Denetleyici

Parola Oluşturucu

ZIP Parola Aracı

Tüm Kategoriler

Geri Bildirim Gönder

Geri bildirim geçici olarak askıya alındı

Sorumluluk Reddi

Temel akış diyagramı (`graph`)