Larger image.

foundations-high-performance-react.org

@@ -794,6 +794,7 @@ only the start of your High-Performance React journey.
 #+name: render-tree-basic
 #+begin_src dot :file "./images/render-tree-basic.png" :exports results
   digraph {
+     size="12!,4";
      rankdir=TB;
      node [fontname="DejaVu Sans"];
      edge [fontname="DejaVu Sans"];
@@ -809,6 +810,7 @@ only the start of your High-Performance React journey.
 #+end_src
 
 #+caption: Figure {{{n(FIGURE)}}}: Tree of components
+#+attr_leanpub: :width 50%
 #+RESULTS: render-tree-basic
 [[file:./images/render-tree-basic.png]]
 

manuscript/image-test.markua

@@ -1,6 +1,6 @@
 # Image Test
 
-{caption: "Figure 1: Tree of components"}
+{width: "50%", caption: "Figure 1: Tree of components"}
 ![Figure 1: Tree of components](./images/render-tree-basic.png) 
 
 As you can see in Figure 1 when stage changes in component `A` component `B` will be re-rendered.