Əsas məzmuna keç
LibraTool logoLibraTool

Pulsuz Mermaid Diaqram Redaktoru

Canlı önizləmə ilə Mermaid sintaksisində axın diaqramları, ardıcıllıq diaqramları, Gantt cədvəlləri və daha çoxunu yazın. SVG və ya PNG formatında ixrac edin. Tamamilə brauzerinizdə işləyir.

💡 Diaqramları Mermaid sintaksisi ilə yazın — blok-sxemlər, ardıcıllıq diaqramları, Gantt qrafikləri, sinif diaqramları və daha çoxu — və SVG və ya PNG kimi ixrac edin. Hər şey brauzerinizdə işləyir: diaqram mətniniz heç vaxt yüklənmir, Mermaid render mühərriki isə üçüncü tərəf CDN-dən deyil, bu saytdan verilir.

Ümumi istifadələr

  • Axın Diaqramı YaradınMətn sənədindən axın diaqramı yaradın və şəkil olaraq ixrac edin.
  • Ardıcıllıq Diaqramı ÇəkinSistemlərin və ya insanların zaman içində necə qarşılıqlı təsir göstərdiyini diaqramlaşdırın.
  • README-yə Diaqram Əlavə EdinGitHub-ün README-də yerli olaraq render etdiyi diaqramlar yaradın.
  • Gantt Diaqramı YaradınLayihə vaxtını mətn sənədindən Gantt diaqramı olaraq qurun.
  • Sinif Diaqramı YaradınProqram dizaynı üçün sinifləri və onların əlaqələrini diaqramlaşdırın.

Necə İşləyir

Mermaid metin diaqramları yazıb avtomatik şəkildə göstərməyə imkan verir — diaqramları versiya nəzarətində saxlamaq üçün yaxşı. Bu canlı redaktor, gəldikçə göstərən tərtib edir.

  1. 1
    Mermaid mühərrik yüklənir
    Mermaid kitabxanası alətdən ilk dəfə istifadə edəndə LibraTool-dan yüklənir, sonra brauzeriniz onu keşə saxlayır.
  2. 2
    Diaqram kodu yazırsınız
    Akyıq diaqramlar, ardıcıllıq diaqramları, Gantt diaqramları, sinif diaqramları, pasta diaqramları və digərləri — Mermaid-in mətn sintaksisindən istifadə edərək.
  3. 3
    Canlı göstərilir
    Kodunuz parsə edilir və gəldikçə brauzerdə SVG-yə göstərilir, işıq və tunc temalar ilə.
  4. 4
    SVG və ya PNG ixrac edin
    Diaqramı skaleyirtilə SVG və ya 2× PNG kimi endir, sənədlər, slaydlar və ya README-yə atın.

Diaqram kodunuz — daxili sistemləri təsvir edə bilər — brauzerdə tamamilə göstərilir və heç vaxt yüklənmir.

Əlaqəli Alətlər

📝

Markdown Redaktoru

Markdown-u real vaxtda yazın və önizləyin. Başlıqlar, qalın, kursiv, kod blokları, cədvəllər və siyahıları dəstəkləyir.

Sınayın
🟦

CSS Grid Generatoru

CSS grid-i vizual olaraq dizayn edin — trekler, vahidlər və boşluqlar — və yaradılmış CSS və HTML-i kopyalayın.

Sınayın
🌳

ASCII Ağac Generatoru

Girintili siyahını README-lər və sənədlər üçün səliqəli qovluq ağacına (├── └──) çevirin. Unicode və ya düz-ASCII çıxışı. Tamamilə brauzerinizdə işləyir.

Sınayın

Tez-tez Verilən Suallar