First pass README updates

1 files changed, 16 insertions, 7 deletions

diff --git a/chapter10b/docs/example2b.gv b/chapter10b/docs/example2b.gv
index 4ddd36b5..39b87a6a 100644
--- a/chapter10b/docs/example2b.gv
+++ b/chapter10b/docs/example2b.gv
@@ -1,10 +1,19 @@
 digraph Memory {
+  // IR styles match graph/web/render.js; arrows are use -> definition.
+  graph [bgcolor="#fafbfc" fontname="Helvetica" nodesep=0.35 ranksep=0.55 splines=ortho];
+  node [fontname="Helvetica" fontsize=12 color="#758191" fontcolor="#152330" shape=box style="rounded,filled" fillcolor="#edf3f7"];
+  edge [fontname="Helvetica" fontsize=9 color="#536477" fontcolor="#364352" arrowsize=0.7 penwidth=1.5];
+
   rankdir=RL;
-  node [shape=box];
-  P [label="MemPhi(x)"];
-  B [label="BulkMemPhi(All except x)"];
-  P -> Left [label="slice x",color=blue]; P -> Right [label="slice x",color=blue];
-  B -> Left; B -> Right;
-  P -> Region [style=dashed]; B -> Region [style=dashed];
-  MemMerge -> P [label="x",color=blue]; MemMerge -> B [label="default"];
+
+  P [label="MemPhi(x)" shape=hexagon style="filled" fillcolor="#f5e4fa"];
+  B [label="BulkMemPhi(All except x)" shape=hexagon style="filled" fillcolor="#f5e4fa"];
+  P -> Left [xlabel="slice x",color="#2867b2"]; P -> Right [xlabel="slice x",color="#2867b2"];
+  B -> Left [color="#2867b2"]; B -> Right [color="#2867b2"];
+  P -> Region [style=dashed,color="#9396a3"]; B -> Region [style=dashed,color="#9396a3"];
+  MemMerge -> P [xlabel="x",color="#2867b2"]; MemMerge -> B [xlabel="default",color="#2867b2"];
+  MemMerge [shape=octagon style="filled" fillcolor="#dcecff"];
+  Left [shape=octagon style="filled" fillcolor="#dcecff"];
+  Right [shape=octagon style="filled" fillcolor="#dcecff"];
+  Region [shape=trapezium style="filled" fillcolor="#fff1c4"];
 }