diff --git a/foundations-high-performance-react.org b/foundations-high-performance-react.org
index cfb3852..393f9a3 100644
--- a/foundations-high-performance-react.org
+++ b/foundations-high-performance-react.org
@@ -787,3 +787,38 @@ cause of a performance bottleneck? Or how do you use the React APIs in
 a performant way? These types of questions should be easier to track
 down and understand with the foundations covered and I hope this is
 only the start of your High-Performance React journey.
+* Image Test
+:PROPERTIES:
+:EXPORT_FILE_NAME: manuscript/image-test.markua
+:END:
+#+name: workflow-diagram
+#+begin_src dot :file "./images/high-level-workflow.png" :exports both
+  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"];
+  }
+#+end_src
+
+#+RESULTS: workflow-diagram
+[[file:./images/high-level-workflow.png]]
diff --git a/manuscript/Book.txt b/manuscript/Book.txt
index ee146c6..391bbcc 100644
--- a/manuscript/Book.txt
+++ b/manuscript/Book.txt
@@ -10,3 +10,4 @@ reconciliation.markua
 fibers.markua
 putting-it-all-together.markua
 conclusion.markua
+image-test.markua
diff --git a/manuscript/image-test.markua b/manuscript/image-test.markua
new file mode 100644
index 0000000..11278a4
--- /dev/null
+++ b/manuscript/image-test.markua
@@ -0,0 +1,34 @@
+# Image Test
+
+{format: "dot", id: "workflow-diagram"}
+```
+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"];
+}
+```
+
+![](./images/high-level-workflow.png) 
+
+
diff --git a/manuscript/resources/images/high-level-workflow.png b/manuscript/resources/images/high-level-workflow.png
new file mode 100644
index 0000000..e33bd24
Binary files /dev/null and b/manuscript/resources/images/high-level-workflow.png differ