****************************************************** Tricked Out Diagrams (aka Diagram Annotation) ****************************************************** .. _vision: https://www.scaledagileframework.com/vision/ .. _PlantUML: https://www.plantuml.com/ .. _PlantUMLPreProcessor: https://plantuml.com/preprocessing .. _listsprites: https://plantuml.com/# .. _together: https://forum.plantuml.net/4387/please-provide-together-keyword-group-diagram-nodes-together .. uml:: ./NetworkUsersMachines7_annot.puml :align: center :caption: *Diagram with Annotation features* |playbuttonAnnot| Press to play around with this diagram source online. .. |playbuttonAnnot| image:: ../play.png :target: http://www.plantuml.com/plantuml/uml/ZLRzQXj74Fz_dsBYDhLYufFb9FqGYeXhGsI86z4eX4B0h7P7kaLtkyVkdXMrAVGr-dfzaixSddInZ8q5qdxCp6z-DnzpUXEYzB4k2_54uy9O11VabCwGnrY5OR_lvJfRcfZNypgWLyv6j35JhkoVUnborAMnkZyjf8qVhzuTkmfjG5Lx4pVIgzn4LB7sU7fio3RqInaYUl74M5NKUkUkV-xAqjcielrTuKVot9T5SOzu8hrUIuyFg5oPe1uGVq1_W_uX1HEn4ul-eG15ZD7683Auadu39e242xp1WcBWmLY8ESBKErsh215bcS47kiabAtwYgBbrWC49JCz1MarVEBFQEwEXoft5Z81_TVE4UoMjN7QePqgvcdoti9C6bPJK5ibCjn2NDtmCV7avWsMzWNNke71kHNUBYBu134q0CY23MOuRe5nPPDgk4LkCQ-TNG5Nml75nOoH8M1YFQuhALktI4XxfPkAmByJCn09Xz3t5y3gOYDTpBwtAZx9NO_XiVsiXBunSUba2215MnbQI3pdvM7iJ8rg8laQHezJenMZXR2HoXVElFUenV9BU6hiSZlei6OjPRaAAcFRqT4zWzCFSVHcF6fFXxsII-AoJ7NCPzHlXM0Y1LhUEn25mqGKHtH9ZZXx-4cp7FN2zz8ZsMczJtUFqFuS3NWve_JRbVDxLnC6pVGo-bT4u6tgS9rBcXOqeLxFMFXKdd76dtOMWjZGMGxWkKudqg6R8Y7xPjYkK5gmj9CAnBY8Kk8W2u0ZUKK60Z41spNc27Y57C86FH_071Zvwf7HphNEiW274tnmiUaQZy4wuD8PLT5MlKkHwyCjfDlZnvsoG3KwOIjS2JTJEssShPCKcfTopEKtqLRkqsgdGUwRYXOEziR8q2Ywdh9UaC1ZmeTdVDfEfuUxOjOr8rFODKwFqqhBtK8tonpd5kuOsQQSdsSbBU3Vxq2MIW2Xa5BEs0qGRAGxWzTfuB3YRtjMH_ApDmfnDR_jXgDQs9KLjsQCltRzVB0W6wC1Q4rgInhPJUziDILyDiXS_PQSlYVcBkvYgSBNkDRyastRsRJqXcibtV3o6IWqXkDgJS-KqTe8sn2nLHXPGeZPI29viB2ub6IwCbRQH6hjmErbAwX2Q1HIn3kIIEwGHfnmCULOjpB9EZIH4iceqKlI6QGPriMsdsLYqt1wbc-Iioj4L8ddVdUavTlkgsmf1lyrf6_YjXy8iyyWpY0VFLjXeDZ7V4P5-grJW4gqMG9-lh-6SXnPlPfiAURt0eBofE0ZmDMd1A9W_SJWOZ4TpgLR3xtW0DfdfFgC-YsWAikhuAr_TcfRtJRsZxELkT9Ad1bLZbAO8MPP1DuX3r8MPGwYyYNWlimlfLs_PmvZp-oX-dGcnl6-kxj5im3kQzz9vxwLTufWgyL5KMdNYyV1mtcD3y8yXCwrzLJ2PBuyYqwgtRxxEsnaGmZUPiK1XiaOv-dRfGQlRGXDAfcewKoLIlVagW_stjYIS24-rZDWxsD0dkxhAj3xasyF9P5YMF2OKylY0XNEyF5sO0gqiiVSCF3b2ZnhM9kQm_HS9r5c1FJzjDxrdd-qiHvYOgFBShD3_zy-_0TxMHYD4rnaI7FzvJSyEt-IZa7w9b1LNL_pI5s-Ivly0 :width: 40 px Various annotations can be added to the diagrams e.g. title, caption, header, footer... These annotations can include: * Formatted text * Creole Sprites or Stdlib Sprites can be added to these annotations per example diagram here. * PlantUMLPreProcessor_ like filename, date... .. tip :: You can also add creole sprites or stdlib sprites to arrows. Some examples are shown in the diagram here. .. note :: The example diagram here shows all of these annotations in one diagram. In general, "less is more", so use these annotations if/where they add value and clarity to the audience. Notes =============================================================================== Notes can be added to diagrams. These can include https://plantuml.com/creole syntax e.g. for bullets, text formatting. Creole Sprites can be added to Notes. But this causes bullets to stop working. So, it's creole sprites or bullets but not both. Stdlib Sprites can not be added to notes. Handwritten =============================================================================== See https://plantuml.com/handwritten. Handwritten gives a wavy effect to diagrams. This can be useful to differentiate between e.g. a raw proposal versus an approved proposal. It can be set to true or false ala *skinparam handwritten true*. Title =============================================================================== Various formatting options are available per https://plantuml.com/commons. Footer =============================================================================== See https://plantuml.com/commons. Comments =============================================================================== See https://plantuml.com/commons. Caption =============================================================================== See https://plantuml.com/commons.