{"componentChunkName":"component---src-templates-blog-post-js","path":"/daily/test/","result":{"data":{"site":{"siteMetadata":{"title":"Honey bee","author":"bee","siteUrl":"https://honey-bee.netlify.app","comment":{"disqusShortName":"https-honey-bee-netlify-app","utterances":"shinners1/my-blog"},"sponsor":{"buyMeACoffeeId":"shinners1"}}},"markdownRemark":{"id":"6634bf4a-0be9-5b10-895f-fff73ad0d500","excerpt":"Sequence Diagram Graph TD 간트차트 Basic flowchart Larger flowchart with some styling SequenceDiagram: Loops, alt and opt SequenceDiagram: Message to self in loop Basic Pie Chart Gantt chart","html":"
Sequence Diagram
\n
sequenceDiagram\n Alice ->> Bob: Hello Bob, how are you?\n Bob-->>John: How about you John?\n Bob--x Alice: I am good thanks!\n Bob-x John: I am good thanks!\n Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.\n\n Bob-->Alice: Checking with John...\n Alice->John: Yes... John, how are you?
\n\n
Graph TD
\n
graph TD\n A[Christmas]-->|Get money| B(Go shopping)\n B --> C{Let me think}\n C -->|One| D[Laptop]\n C -->|Two| E[iPhone]\n C -->|Three| F[fa:fa-car Car]
\n\n
간트차트
\n
gantt\n title A Gantt Diagram\n dateFormat YYYY-MM-DD\n section Section\n A task :a1, 2014-01-01, 30d\n Another task :after a1 , 20d\n section Another\n Task in sec :2014-01-12 , 12d\n another task : 24d
\n\n
Basic flowchart
\n
graph LR\n A[Square Rect]--Link text--> B((Circle))\n A --> C(Round Rect)\n B --> D{Rhombus}\n C --> D
\n\n
Larger flowchart with some styling
\n
graph TB\n sq[Square shape]--> ci((Circle shape))\n\n subgraph A\n od>Odd shape]--Two line<br/>edge comment--> ro\n di{Diamond with <br/> line break}-.-> ro(Rounded<br>square<br>shape)\n di==>ro2(Rounded square shape)\n end\n\n %% Notice that no text in shape are added here instead that is appended further down\n e --> od3>Really long text with linebreak<br>in an Odd shape]\n\n %% Comments after double percent signs\n e((Inner / circle<br>and some odd <br>special characters))--> f(,.?!+-*ز)\n\n cyr[Cyrillic]-->cyr2((Circle shape Начало));\n\n classDef green fill:#9f6,stroke:#333,stroke-width:2px;\n classDef orange fill:#f96,stroke:#333,stroke-width:4px;\n class sq,e green\n class di orange
\n\n
SequenceDiagram: Loops, alt and opt
\n
sequenceDiagram\n loop Daily query\n Alice->>Bob: Hello Bob, how are you?\n alt is sick\n Bob->>Alice: Not so good :(\n else is well\n Bob->>Alice: Feeling fresh like a daisy\n end\n\n opt Extra response\n Bob->>Alice: Thanks for asking\n end\n end
\n\n
SequenceDiagram: Message to self in loop
\n
sequenceDiagram\n participant Alice\n participant Bob\n Alice->>John: Hello John, how are you?\n loop Healthcheck\n John->>John: Fight against hypochondria\n end\n Note right of John: Rational thoughts<br/>prevail...\n John-->>Alice: Great!\n John->>Bob: How about you?\n Bob-->>John: Jolly good!
\n\n
Basic Pie Chart
\n
pie title NETFLIX\n \"Time spent looking for movie\": 90\n \"Time spent watching it\": 10
\n\n
Gantt chart
\n
gantt\n dateFormat YYYY-MM-DD\n title Adding GANTT diagram functionality to mermaid\n section A section\n Completed task :done, des1, 2014-01-06,2014-01-08\n Active task :active, des2, 2014-01-09, 3d\n Future task : des3, after des2, 5d\n Future task2 : des4, after des3, 5d\n section Critical tasks\n Completed task in the critical line :crit, done, 2014-01-06,24h\n Implement parser and jison :crit, done, after des1, 2d\n Create tests for parser :crit, active, 3d\n Future task in critical line :crit, 5d\n Create tests for renderer :2d\n Add to mermaid :1d
\n","frontmatter":{"title":"test","date":"December 29, 2020"}}},"pageContext":{"slug":"/daily/test/","previous":{"fields":{"slug":"/development/adding-domain-name/"},"frontmatter":{"title":"도메인 네임 추가"}},"next":{"fields":{"slug":"/review/차이나허슬(the-china-hustle)/"},"frontmatter":{"title":"차이나허슬 거대한 사기(The China Hustle)"}}}},"staticQueryHashes":["3128451518","521680639"]}