10 Dijagrami

10.1 Quarto i dijagrami

Dijagrami toka i druge strukture u quarto sustavu modu se napraviti pomoću Mermaid i Graphviz. Mermaid je Java script sustav pomoću kojega možemo jednostavno napraviti dijagrame toka, stabla odlučivanja i slične slikovne strukture.

Mermaid je vrlo složen sustav s puno mogućnosti. Za izradu bilo koje strukture, poput dijagrama toka ili stabla odlučivanja, trebamo odabrati i ‘reći’ Mermaid sustavu što želite napraviti. Za dijagram toka jednostavno napišemo flowchart.

flowchart LR
A --> B

Mermaid sustav razlikuje čvorove (eng. nodes) i grane (eng. edges) koje se predstavljaju, prikazuju kao linije, strelice i sl.

Čvor je jednostavno prikazati na slijedeći način.

flowchart LR
A

Tekst u čvoru na slijedeći način.

flowchart LR
A[Tekst u čvoru]

Usmjeravanje grana, strelica i sl., određuje se pomoću kratica LR (eng. left-right), TD (eng. top-down), TB (eng. top-bottom) te isto tako RL ili BTs.

flowchart TD
    Gore --> Dolje

Čvor može poprimiti različite oblike.

flowchart LR
    l(Lijevo) --> d(Desno)

Može biti i krug…

flowchart LR
    l((Lijevo)) --> d(Desno)

Idemo napraviti i geometrijski lik…

flowchart LR
    l(Lijevo) --> d[(Desno)]

Zarotirani kvadrat…

flowchart LR
    l{Lijevo} --> d[(Desno)]

Čvor koji se dalje dijeli, može imati i drugačiji oblik, kao u slijedećem primjeru.

flowchart LR
  A[Unos podataka] --> B(Prilagodba varijabli)
  B --> C{Odabir testa}
  C --> D[Parametrijski test]
  C --> E[Neparametrijski test]
    

Pomoću Mermaid sustava mogu se raditi prikladni dijagrami u različite svrhe. Jedan od takvih je svakako i vremenski niz, dijagram koji pokazuje događaje kroz povijest ili pripremu određenog projekta u vremenu.

timeline
    title History of Social Media Platform
    2002 : LinkedIn
    2004 : Facebook
         : Google
    2005 : Youtube
    2006 : Twitter