Jakie typy diagramów są obsługiwane?

Wszystkie obsługiwane przez Mermaid 12, w tym schematy blokowe, diagramy sekwencji, klas, stanów, związków encji, Gantta, kołowe, mapy myśli, osie czasu, grafy Git, ścieżki użytkownika i wykresy kwadrantowe.

Dlaczego PNG jest ostrzejszy niż zrzut ekranu?

PNG jest rysowany z wektorowego SVG w dwukrotnie większym rozmiarze, więc pozostaje ostry na ekranach o wysokiej gęstości pikseli i w prezentacjach.

Czy mogę użyć wyeksportowanego SVG w GitHub lub Notion?

Tak. SVG to samodzielny plik o stałym rozmiarze i tle, więc otworzysz go w przeglądarkach, narzędziach graficznych i dokumentach. GitHub i wiele wiki potrafi też wyświetlić sam kod Mermaid.

Mermaid Live Editor — edytor diagramów online

Pisz kod Mermaid i patrz, jak na żywo powstają schematy blokowe, diagramy sekwencji, klas, stanów, ER i Gantta. Eksport do SVG lub PNG. Za darmo, w przeglądarce.

diagram.mmd

Wczytywanie Mermaid…

Renderowane lokalnie przez Mermaid w trybie ścisłym. Kod nie jest nigdzie wysyłany.

Źródła

Mermaid — Diagram syntax
Mermaid — Security level

Aktualizacja strony: 2026-10-23

Instrukcja i przykład

Powiązane narzędzia

Źródła