You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: source/docs/about/dev_guide.md
+19-4Lines changed: 19 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -227,6 +227,8 @@ The resulting images are added to the repository so that there is no need to re-
227
227
The diagrams are created using [Mermaid](https://mermaid.js.org/) and located in `source/diag`.
228
228
Note that because of [an annoying bug](https://github.com/mermaid-js/mermaid-cli/issues/730) present on github's server, mermaid-cli [must call pupeeter with the `--no-sandbox`](https://github.com/mermaid-js/mermaid-cli/blob/340561040b6b0621a486e3fc96723139e5718268/docs/linux-sandbox-issue.md) option, which constitutes a potential safety issue.
229
229
230
+
To auto-reload the images when they are re-built, we recommend using sxiv.
231
+
230
232
##### Class Diagrams
231
233
232
234
The *class* UML diagrams are created using [Mermaid](https://mermaid.js.org/) and located in `source/diag/cla`.
@@ -241,12 +243,25 @@ To create a new class diagram, say for a `Documentation` class, follow those ste
241
243
242
244
The *flowchart* diagrams are created using [Mermaid](https://mermaid.js.org/) and located in `source/diag/flo`.
243
245
244
-
To create a new class diagram, say for a `Documentation` class, follow those steps:
246
+
To create a new flowchart diagram, follow those steps:
247
+
248
+
1. Create a `Cell.txt` file in `source/diag/flo` that follows [the syntax for flowchart diagrams](https://mermaid.js.org/syntax/flowchart.html) (note that there is no need to add `flowchart` at the beginning, it will be done automatically),
249
+
2. Add on the first line a comment `%% title` with "title" the title of the diagram,
250
+
3. Run (from the `source/` folder) `make diag/flo/Cell.md`,
251
+
4. Integrate the resulting drawing, properly captioned and with links to `Cell.txt`, `Cell.svg` and `Cell.png` files using `!include diag/flo/Cell.md`.
245
252
246
-
1. Create a `Documentation.txt` file in `source/diag/flo` that follows [the syntax for flowchart diagrams](https://mermaid.js.org/syntax/flowchart.html) (note that there is no need to add `flowchart` at the beginning, it will be done automatically),
253
+
##### Graph Diagrams
254
+
255
+
The *graph* diagrams are created using [Mermaid](https://mermaid.js.org/) and located in `source/diag/gra`: note that while `graph` and `flowchart` are [synonyms in mermaid](https://mermaid.js.org/syntax/flowchart.html#a-node-default), we separate them to apply different styles to them.
256
+
Graphs are used to represent binary trees.
257
+
258
+
To create a new class diagram, say for a `BTree_Example`, follow those steps:
259
+
260
+
1. Create a `BTree_Example.txt` file in `source/diag/gra` that follows [the syntax for flowchart diagrams](https://mermaid.js.org/syntax/flowchart.html) (note that there is no need to add `flowchart` at the beginning, it will be done automatically),
247
261
2. Add on the first line a comment `%% title` with "title" the title of the diagram,
248
-
3. Run (from the `source/` folder) `make diag/flo/Documentation.md`,
249
-
4. Integrate the resulting drawing, properly captioned and with links to `Documentation.txt`, `Documentation.svg` and `Documentation.png` files using `!include diag/flo/Documentation.md`.
262
+
3. Run (from the `source/` folder) `make diag/gra/BTree_Example.md`,
263
+
4. Integrate the resulting drawing, properly captioned and with links to `BTree_Example.txt`, `BTree_Example.svg` and `BTree_Example.png` files using `!include diag/flo/BTree_Example.md`.
0 commit comments