diff --git a/README.md b/README.md
index b286188..aef5170 100644
--- a/README.md
+++ b/README.md
@@ -3178,7 +3178,9 @@ y    2
 | sr.apply(…)     |      3      |    sum  3   |     s  3      |
 | sr.agg(…)       |             |             |               |
 +-----------------+-------------+-------------+---------------+
+```
 
+```text
 +-----------------+-------------+-------------+---------------+
 |                 |    'rank'   |   ['rank']  | {'r': 'rank'} |
 +-----------------+-------------+-------------+---------------+
@@ -3296,7 +3298,9 @@ b  3  4
 | df.agg(…)       |     x  4    |  sum  4  6  |     x  4      |
 |                 |     y  6    |             |               |
 +-----------------+-------------+-------------+---------------+
+```
 
+```text
 +-----------------+-------------+-------------+---------------+
 |                 |    'rank'   |   ['rank']  | {'x': 'rank'} |
 +-----------------+-------------+-------------+---------------+
diff --git a/index.html b/index.html
index 3a7a6b2..f2160f3 100644
--- a/index.html
+++ b/index.html
@@ -435,7 +435,7 @@ to_exclusive   = <range>.stop
 ┗━━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━━┛
 </code></pre></div>
 
-<pre></pre>
+
 <ul>
 <li><strong>When both rounding up and rounding down are possible, the one that returns result with even last digit is chosen. That makes <code class="python hljs"><span class="hljs-string">'{6.5:.0f}'</span></code> a <code class="python hljs"><span class="hljs-string">'6'</span></code> and <code class="python hljs"><span class="hljs-string">'{7.5:.0f}'</span></code> an <code class="python hljs"><span class="hljs-string">'8'</span></code>.</strong></li>
 <li><strong>This rule only effects numbers that can be represented exactly by a float (<code class="python hljs"><span class="hljs-number">.5</span></code>, <code class="python hljs"><span class="hljs-number">.25</span></code>, …).</strong></li>
@@ -2592,6 +2592,7 @@ y    <span class="hljs-number">2</span>
 ┃ sr.transform(…) │     y  <span class="hljs-number">2</span>    │   y     <span class="hljs-number">2</span>   │       y  <span class="hljs-number">2</span>    ┃
 ┗━━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━┛
 </code></pre>
+
 <ul>
 <li><strong>Last result has a hierarchical index. Use <code class="python hljs"><span class="hljs-string">'&lt;Sr&gt;[key_1, key_2]'</span></code> to get its values.</strong></li>
 </ul>
@@ -2692,6 +2693,7 @@ b  <span class="hljs-number">3</span>  <span class="hljs-number">4</span>
 ┃                 │             │ b    <span class="hljs-number">2</span>    <span class="hljs-number">2</span> │               ┃
 ┗━━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━┛
 </code></pre>
+
 <ul>
 <li><strong>Use <code class="python hljs"><span class="hljs-string">'&lt;DF&gt;[col_key_1, col_key_2][row_key]'</span></code> to get the fifth result's values.</strong></li>
 </ul>
diff --git a/parse.js b/parse.js
index 41c7078..e84051f 100755
--- a/parse.js
+++ b/parse.js
@@ -331,6 +331,9 @@ const DIAGRAM_13_B =
   "┃ sr.transform(…) │     y  2    │   y     2   │       y  2    ┃\n" +
   "┗━━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━┛\n";
 
+const DIAGRAM_14_A =
+  "|                 |    'rank'   |   ['rank']  | {'r': 'rank'} |";
+
 const DIAGRAM_15_A =
   '+------------------------+---------------+------------+------------+--------------------------+';
 
@@ -386,6 +389,9 @@ const DIAGRAM_16_B =
   "┃                 │             │ b    2    2 │               ┃\n" +
   "┗━━━━━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━┛\n";
 
+const DIAGRAM_17_A =
+  "|                 |    'rank'   |   ['rank']  | {'x': 'rank'} |";
+
 const DIAGRAM_18_A =
   '| gb.agg(…)       |      x   y  |      x  y   |      x    y |        x      |';
 
@@ -515,7 +521,7 @@ function updateDiagrams() {
   $(`code:contains(${DIAGRAM_2_A})`).html(DIAGRAM_2_B);
   $(`code:contains(${DIAGRAM_3_A})`).html(DIAGRAM_3_B);
   $(`code:contains(${DIAGRAM_4_A})`).html(DIAGRAM_4_B);
-  $(`code:contains(${DIAGRAM_5_A})`).remove();
+  $(`code:contains(${DIAGRAM_5_A})`).parent().remove();
   $(`code:contains(${DIAGRAM_6_A})`).html(DIAGRAM_6_B);
   $(`code:contains(${DIAGRAM_7_A})`).html(DIAGRAM_7_B);
   $(`code:contains(${DIAGRAM_8_A})`).html(DIAGRAM_8_B);
@@ -524,8 +530,10 @@ function updateDiagrams() {
   $(`code:contains(${DIAGRAM_11_A})`).html(DIAGRAM_11_B);
   $(`code:contains(${DIAGRAM_12_A})`).html(DIAGRAM_12_B).removeClass("text").removeClass("language-text").addClass("python");
   $(`code:contains(${DIAGRAM_13_A})`).html(DIAGRAM_13_B).removeClass("text").removeClass("language-text").addClass("python");
+  $(`code:contains(${DIAGRAM_14_A})`).parent().remove();
   $(`code:contains(${DIAGRAM_15_A})`).html(DIAGRAM_15_B).removeClass("text").removeClass("language-text").addClass("python");
   $(`code:contains(${DIAGRAM_16_A})`).html(DIAGRAM_16_B).removeClass("text").removeClass("language-text").addClass("python");
+  $(`code:contains(${DIAGRAM_17_A})`).parent().remove();
   $(`code:contains(${DIAGRAM_18_A})`).html(DIAGRAM_18_B).removeClass("text").removeClass("language-text").addClass("python");
 }