GitHub Mermaid generatorundan istifadə edərək md fayllarına dinamik qrafiklər əlavə etmək imkanı əlavə etdi. Bundan əvvəl diaqramlar ASCII cədvəlindən simvollardan istifadə etməklə şəkillər kimi daxil edilir və ya “çəkilirdi”. İndi sxemlər üçün tam dəstək Markdown-un işarələmə sintaksisinə əlavə edildi.

Mermaid JavaScript əsaslı qrafik və qrafik alətidir. Onun köməyi ilə siz dinamik olaraq axın qrafikləri, UML diaqramları yarada, qrafiklər və Gantt diaqramlarını yarada bilərsiniz. GitHub komandası platformaya doğma Mermaid sintaksis dəstəyini gətirmək üçün CommonMark-da tərtibatçılarla birləşdi.

Hər dəfə md faylında su pərisi kimi işarələnmiş kod bloku ilə qarşılaşdıqda, sistem yeni iframe yaradır, blokdan xam kodu götürür, Mermaid.js-ə ötürür və kodu diaqrama çevirir. Bütün bunlar istifadəçinin brauzerində yerli olaraq baş verir.

Aşağıdakı kod bloku məzmunu dinamik şəkildə dəyişdirilə bilən tam hüquqlu bir diaqrama çevriləcəkdir:

``` su pərisi qrafiki TD; A--B; A--C; B--D; C--D;```Qrafikin iframe teqinə əlavə edilməsi səhifəni düzgün şəkildə göstərməyə və faylın məzmununu pozmamağa imkan verir, asinxron göstərmə isə eyni vaxtda bir neçə diaqramı göstərməyi asanlaşdırır.

bbabo.Net