https://nervous-saha-a0a2c2.netlify.app/en/categories/diagram/ Recent content in diagram on Hugo Zzo Theme Hugo -- gohugo.io en zzossig@gmail.com (zzossig) zzossig@gmail.com (zzossig) ©{year}, All Rights Reserved Mon, 18 Nov 2019 21:00:06 +0900 https://nervous-saha-a0a2c2.netlify.app/en/posts/test-viz/ Mon, 18 Nov 2019 21:00:06 +0900 zzossig@gmail.com (zzossig) Mon, 18 Nov 2019 21:00:06 +0900 https://nervous-saha-a0a2c2.netlify.app/en/posts/test-viz/ digraph G { subgraph cluster_0 { style=filled; color=lightgrey; node [style=filled,color=white]; a0 -> a1 -> a2 -> a3; label = "process #1"; } subgraph cluster_1 { node [style=filled]; b0 -> b1 -> b2 -> b3; label = "process #2"; color=blue } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end; start [shape=Mdiamond]; end [shape=Msquare]; } zzossig featured image diagram https://nervous-saha-a0a2c2.netlify.app/en/posts/test-wavedrom/ Mon, 18 Nov 2019 18:00:06 +0900 zzossig@gmail.com (zzossig) Mon, 18 Nov 2019 18:00:06 +0900 https://nervous-saha-a0a2c2.netlify.app/en/posts/test-wavedrom/ { "signal": [ {"name": "CLK", "wave": "p.....|..."}, {"name":"DAT", "wave":"x.345x|=.x", "data":["A","B","C","D"]}, {"name": "REQ", "wave": "0.1..0|1.0"}, {}, {"name": "ACK", "wave": "1.....|01."} ]} zzossig featured image diagram https://nervous-saha-a0a2c2.netlify.app/en/posts/test-chartjs/ Mon, 18 Nov 2019 12:00:06 +0900 zzossig@gmail.com (zzossig) Mon, 18 Nov 2019 12:00:06 +0900 https://nervous-saha-a0a2c2.netlify.app/en/posts/test-chartjs/ { "type": "bar", "data": { "labels": ["One", "Two", "Three", "Four", "Five", "Six"], "datasets": [{ "label": "# of Votes", "data": [12, 19, 3, 5, 3, 8] }] } } { "type": "line", "data": { "labels": ["One", "Two", "Three", "Four", "Five", "Six"], "datasets": [ { "label": "# of Votes", "data": [12, 19, 3, 5, 2, 3], "backgroundColor":"transparent", "borderColor":"orange" }, { "label": "Some other set", "data": [15, 8, 13, 5, 5, 9], "backgroundColor":"transparent", "borderColor":"#44ccff" } ] } } zzossig featured image diagram https://nervous-saha-a0a2c2.netlify.app/en/posts/test-js-sequence-diagrams/ Mon, 18 Nov 2019 12:00:06 +0900 zzossig@gmail.com (zzossig) Mon, 18 Nov 2019 12:00:06 +0900 https://nervous-saha-a0a2c2.netlify.app/en/posts/test-js-sequence-diagrams/ Alice->Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->Alice: I am good thanks! Title: Here is a title A->B: Normal line B-->C: Dashed line C->>D: Open arrow D-->>A: Dashed open arrow zzossig featured image diagram https://nervous-saha-a0a2c2.netlify.app/en/posts/test-mermaid/ Sun, 17 Nov 2019 12:00:06 +0900 zzossig@gmail.com (zzossig) Sun, 17 Nov 2019 12:00:06 +0900 https://nervous-saha-a0a2c2.netlify.app/en/posts/test-mermaid/ graph TD; A-->B; A-->C; B-->D; C-->D; sequenceDiagram participant Alice participant Bob Alice->John: Hello John, how are you? loop Healthcheck John->John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail... John-->Alice: Great! John->Bob: How about you? Bob-->John: Jolly good! graph TD A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] gantt section Section Completed :done, des1, 2014-01-06,2014-01-08 Active :active, des2, 2014-01-07, 3d Parallel 1 : des3, after des1, 1d Parallel 2 : des4, after des1, 1d Parallel 3 : des5, after des3, 1d Parallel 4 : des6, after des4, 1d classDiagram Class01 <|-- AveryLongClass : Cool <<interface>> Class01 Class09 --> C2 : Where am i? zzossig featured image diagram diagram https://nervous-saha-a0a2c2.netlify.app/en/posts/test-flowchart/ Thu, 14 Nov 2019 12:00:06 +0900 zzossig@gmail.com (zzossig) Thu, 14 Nov 2019 12:00:06 +0900 https://nervous-saha-a0a2c2.netlify.app/en/posts/test-flowchart/ st=>start: Start|past:>http://www.google.com[blank] e=>end: End|future:>http://www.google.com op1=>operation: My Operation|past op2=>operation: Stuff|current sub1=>subroutine: My Subroutine|invalid cond=>condition: Yes or No?|approved:>http://www.google.com c2=>condition: Good idea|rejected io=>inputoutput: catch something...|future st->op1(right)->cond cond(yes, right)->c2 cond(no)->sub1(left)->op1 c2(yes)->io->e c2(no)->op2->e zzossig featured image diagram