From b39fb756bfb3c52e43198006c932d1264918d2a6 Mon Sep 17 00:00:00 2001 From: Thomas Hintz Date: Thu, 10 Sep 2020 08:59:57 -0700 Subject: [PATCH] Testing image with caption. --- foundations-high-performance-react.org | 37 +++++-------- manuscript/image-test.markua | 3 +- .../resources/images/render-tree-basic.svg | 55 +++++++++++++++++++ 3 files changed, 70 insertions(+), 25 deletions(-) create mode 100644 manuscript/resources/images/render-tree-basic.svg diff --git a/foundations-high-performance-react.org b/foundations-high-performance-react.org index 2b6e64d..5fcebf4 100644 --- a/foundations-high-performance-react.org +++ b/foundations-high-performance-react.org @@ -791,34 +791,23 @@ only the start of your High-Performance React journey. :PROPERTIES: :EXPORT_FILE_NAME: manuscript/image-test.markua :END: -#+name: workflow-diagram -#+begin_src dot :file "./images/high-level-workflow.svg" :exports results :cmdline -Tsvg +#+name: render-tree-basic +#+begin_src dot :file "./images/render-tree-basic.svg" :exports results :cmdline -Tsvg digraph { rankdir=TB; node [fontname="DejaVu Sans"]; edge [fontname="DejaVu Sans"]; - files [label="Source files\n(Org doc, figures, etc.)", shape=oval]; - emacs [label="Emacs + org-mode", - fillcolor=purple, fontcolor=white, style=filled, shape=box]; - manuscript [label="Leanpub manuscript\n(Markua + other files)", - fillcolor=yellow, style=filled, shape=oval]; - leanpub [label="Leanpub", - fillcolor=blue, fontcolor=white, style=filled, shape=box]; - git [label="Git repo", fillcolor=red, style=filled, shape=box]; - preview [label="Book preview", - fillcolor=grey, style=filled, shape=oval]; - book [label="Book (PDF,\nePub, mobi, online)", - shape=oval, fillcolor=green, style=filled]; - files -> emacs [label="Edit"]; - emacs -> manuscript [label="Export"]; - manuscript -> git [label="Commit"]; - git -> leanpub [label="Typeset"]; - leanpub -> book [label="Publish"]; - book -> emacs [label="Update"]; - leanpub -> preview [label="Preview"]; - preview -> emacs [label="Update"]; + a [label="A", shape=oval, fillcolor=yellow, style=filled]; + b [label="B", shape=oval]; + c [label="C", shape=oval]; + note [label="State Changed", shape=box] + note -> a; + a -> b; + a -> c; + { rank=same; note; a; } } #+end_src -#+RESULTS: workflow-diagram -[[file:./images/high-level-workflow.svg]] +#+caption: Tree of components +#+RESULTS: render-tree-basic +[[file:./images/render-tree-basic.svg]] diff --git a/manuscript/image-test.markua b/manuscript/image-test.markua index 4ba1515..347c3d5 100644 --- a/manuscript/image-test.markua +++ b/manuscript/image-test.markua @@ -1,5 +1,6 @@ # Image Test -![](./images/high-level-workflow.svg) +{caption: "Tree of components"} +![Tree of components](./images/render-tree-basic.svg) diff --git a/manuscript/resources/images/render-tree-basic.svg b/manuscript/resources/images/render-tree-basic.svg new file mode 100644 index 0000000..dd017ad --- /dev/null +++ b/manuscript/resources/images/render-tree-basic.svg @@ -0,0 +1,55 @@ + + + + + + +%3 + + + +a + +A + + + +b + +B + + + +a->b + + + + + +c + +C + + + +a->c + + + + + +note + +State Changed + + + +note->a + + + + +