You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@tinkerpop.apache.org by sp...@apache.org on 2019/10/10 12:23:07 UTC

svn commit: r1868244 [2/45] - in /tinkerpop/site: docs/3.4.4-SNAPSHOT/dev/developer/ docs/3.4.4-SNAPSHOT/dev/io/ docs/3.4.4-SNAPSHOT/dev/provider/ docs/3.4.4-SNAPSHOT/recipes/ docs/3.4.4-SNAPSHOT/reference/ docs/3.4.4-SNAPSHOT/tutorials/getting-started...

Modified: tinkerpop/site/docs/3.4.4-SNAPSHOT/recipes/index.html
URL: http://svn.apache.org/viewvc/tinkerpop/site/docs/3.4.4-SNAPSHOT/recipes/index.html?rev=1868244&r1=1868243&r2=1868244&view=diff
==============================================================================
--- tinkerpop/site/docs/3.4.4-SNAPSHOT/recipes/index.html (original)
+++ tinkerpop/site/docs/3.4.4-SNAPSHOT/recipes/index.html Thu Oct 10 12:23:05 2019
@@ -914,10 +914,10 @@ provide some basic building blocks for v
 traversal on the paths found between them. Consider the following examples using the modern toy graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635037-1" type="radio" name="radio-set-1565635037-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635037-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635037-2" type="radio" name="radio-set-1565635037-1" class="tab-selector-2" />
-  <label for="tab-1565635037-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570679620-1" type="radio" name="radio-set-1570679620-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679620-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679620-2" type="radio" name="radio-set-1570679620-1" class="tab-selector-2" />
+  <label for="tab-1570679620-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -992,10 +992,10 @@ scenarios. For one such example, conside
 vertices:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635037-3" type="radio" name="radio-set-1565635037-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635037-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635037-4" type="radio" name="radio-set-1565635037-3" class="tab-selector-2" />
-  <label for="tab-1565635037-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570679620-3" type="radio" name="radio-set-1570679620-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679620-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679620-4" type="radio" name="radio-set-1570679620-3" class="tab-selector-2" />
+  <label for="tab-1570679620-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1044,10 +1044,10 @@ to extract the known job, the company th
 the known person completed an application.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635037-5" type="radio" name="radio-set-1565635037-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635037-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635037-6" type="radio" name="radio-set-1565635037-5" class="tab-selector-2" />
-  <label for="tab-1565635037-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570679620-5" type="radio" name="radio-set-1570679620-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679620-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679620-6" type="radio" name="radio-set-1570679620-5" class="tab-selector-2" />
+  <label for="tab-1570679620-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1183,10 +1183,10 @@ demonstrate how some of these different
 edges associated to each vertex. The following examples use the modern toy graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635175-1" type="radio" name="radio-set-1565635175-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635175-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635175-2" type="radio" name="radio-set-1565635175-1" class="tab-selector-2" />
-  <label for="tab-1565635175-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570679745-1" type="radio" name="radio-set-1570679745-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679745-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679745-2" type="radio" name="radio-set-1570679745-1" class="tab-selector-2" />
+  <label for="tab-1570679745-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1281,10 +1281,10 @@ graph for demonstration purposes:</p>
 <p><span class="image"><img src="../images/betweeness-example.png" alt="betweeness example" width="600"></span></p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635175-3" type="radio" name="radio-set-1565635175-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635175-3" class="tab-label-1">console (groovy )</label>
-  <input id="tab-1565635175-4" type="radio" name="radio-set-1565635175-3" class="tab-selector-2" />
-  <label for="tab-1565635175-4" class="tab-label-2">groovy </label>
+  <input id="tab-1570679745-3" type="radio" name="radio-set-1570679745-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679745-3" class="tab-label-1">console (groovy )</label>
+  <input id="tab-1570679745-4" type="radio" name="radio-set-1570679745-3" class="tab-selector-2" />
+  <label for="tab-1570679745-4" class="tab-label-2">groovy </label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1412,10 +1412,10 @@ pairs).
 other reachable vertices in the graph. The following examples use the modern toy graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635175-5" type="radio" name="radio-set-1565635175-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635175-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635175-6" type="radio" name="radio-set-1565635175-5" class="tab-selector-2" />
-  <label for="tab-1565635175-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570679745-5" type="radio" name="radio-set-1570679745-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679745-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679745-6" type="radio" name="radio-set-1570679745-5" class="tab-selector-2" />
+  <label for="tab-1570679745-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1521,10 +1521,10 @@ relative importance of adjacent vertices
 give it the highest rank. Consider the following example using the Grateful Dead graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635175-7" type="radio" name="radio-set-1565635175-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635175-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635175-8" type="radio" name="radio-set-1565635175-7" class="tab-selector-2" />
-  <label for="tab-1565635175-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570679745-7" type="radio" name="radio-set-1570679745-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679745-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679745-8" type="radio" name="radio-set-1570679745-7" class="tab-selector-2" />
+  <label for="tab-1570679745-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1603,10 +1603,10 @@ can shorten the time required to get a r
 <code>GraphComputer</code> (OLAP) based traversals.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635175-9" type="radio" name="radio-set-1565635175-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635175-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635175-10" type="radio" name="radio-set-1565635175-9" class="tab-selector-2" />
-  <label for="tab-1565635175-10" class="tab-label-2">groovy</label>
+  <input id="tab-1570679745-9" type="radio" name="radio-set-1570679745-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679745-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679745-10" type="radio" name="radio-set-1570679745-9" class="tab-selector-2" />
+  <label for="tab-1570679745-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1614,12 +1614,12 @@ can shorten the time required to get a r
 <pre class="CodeRay highlight"><code data-lang="groovy">gremlin&gt; g = graph.traversal().withComputer()
 ==&gt;graphtraversalsource[tinkergraph[<span class="key">vertices</span>:<span class="integer">6</span> <span class="key">edges</span>:<span class="integer">6</span>], graphcomputer]
 gremlin&gt; g.V().pageRank().by(<span class="string"><span class="delimiter">'</span><span class="content">pageRank</span><span class="delimiter">'</span></span>).values(<span class="string"><span class="delimiter">'</span><span class="content">pageRank</span><span class="delimiter">'</span></span>)
-==&gt;<span class="float">0.11375510357865541</span>
-==&gt;<span class="float">0.11375510357865541</span>
-==&gt;<span class="float">0.14598540152719106</span>
-==&gt;<span class="float">0.14598540152719106</span>
-==&gt;<span class="float">0.3047200907912249</span>
-==&gt;<span class="float">0.17579889899708231</span></code></pre>
+==&gt;<span class="float">0.11375510357865537</span>
+==&gt;<span class="float">0.11375510357865537</span>
+==&gt;<span class="float">0.30472009079122486</span>
+==&gt;<span class="float">0.14598540152719103</span>
+==&gt;<span class="float">0.14598540152719103</span>
+==&gt;<span class="float">0.1757988989970823</span></code></pre>
 </div>
 </div>
     </div>
@@ -1664,10 +1664,10 @@ patterns described in this section.</p>
 appear by way of some side-effect steps like <code>store()</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-1" type="radio" name="radio-set-1565635382-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-2" type="radio" name="radio-set-1565635382-1" class="tab-selector-2" />
-  <label for="tab-1565635382-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-1" type="radio" name="radio-set-1570679936-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-2" type="radio" name="radio-set-1570679936-1" class="tab-selector-2" />
+  <label for="tab-1570679936-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1696,10 +1696,10 @@ g.V().store(<span class="string"><span c
 similar fashion to lists:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-3" type="radio" name="radio-set-1565635382-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-4" type="radio" name="radio-set-1565635382-3" class="tab-selector-2" />
-  <label for="tab-1565635382-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-3" type="radio" name="radio-set-1570679936-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-4" type="radio" name="radio-set-1570679936-3" class="tab-selector-2" />
+  <label for="tab-1570679936-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1732,10 +1732,10 @@ means than what is demonstrated.</p>
 <p>It may seem simple, but the most obvious choice to modifying what is in a list is to simply <code>unfold()</code> the <code>List</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-5" type="radio" name="radio-set-1565635382-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-6" type="radio" name="radio-set-1565635382-5" class="tab-selector-2" />
-  <label for="tab-1565635382-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-5" type="radio" name="radio-set-1570679936-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-6" type="radio" name="radio-set-1570679936-5" class="tab-selector-2" />
+  <label for="tab-1570679936-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1775,10 +1775,10 @@ traverser as it just flattens <code>List
 result, but consider what happens when there is more than one:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-7" type="radio" name="radio-set-1565635382-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-8" type="radio" name="radio-set-1565635382-7" class="tab-selector-2" />
-  <label for="tab-1565635382-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-7" type="radio" name="radio-set-1570679936-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-8" type="radio" name="radio-set-1570679936-7" class="tab-selector-2" />
+  <label for="tab-1570679936-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1820,10 +1820,10 @@ While this approach may be acceptable, t
 structure of the <code>List</code> traversers "locally" <code>unfold()</code> the lists to transform them:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-9" type="radio" name="radio-set-1565635382-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-10" type="radio" name="radio-set-1565635382-9" class="tab-selector-2" />
-  <label for="tab-1565635382-10" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-9" type="radio" name="radio-set-1570679936-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-10" type="radio" name="radio-set-1570679936-9" class="tab-selector-2" />
+  <label for="tab-1570679936-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1858,10 +1858,10 @@ thus maintaining two traverser results.<
 <p>This pattern for unfolding and folding <code>List</code> traversers ends up having other applications:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-11" type="radio" name="radio-set-1565635382-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-12" type="radio" name="radio-set-1565635382-11" class="tab-selector-2" />
-  <label for="tab-1565635382-12" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-11" type="radio" name="radio-set-1570679936-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-12" type="radio" name="radio-set-1570679936-11" class="tab-selector-2" />
+  <label for="tab-1570679936-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1939,10 +1939,10 @@ especially in cases where the expected o
 form of a <code>List</code>. For example, consider the following three traversals:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-13" type="radio" name="radio-set-1565635382-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-14" type="radio" name="radio-set-1565635382-13" class="tab-selector-2" />
-  <label for="tab-1565635382-14" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-13" type="radio" name="radio-set-1570679936-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-14" type="radio" name="radio-set-1570679936-13" class="tab-selector-2" />
+  <label for="tab-1570679936-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2023,10 +2023,10 @@ three results (i.e. triple) that could t
 the use of <code>store()</code> to aid in construction of this <code>List</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-15" type="radio" name="radio-set-1565635382-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-16" type="radio" name="radio-set-1565635382-15" class="tab-selector-2" />
-  <label for="tab-1565635382-16" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-15" type="radio" name="radio-set-1570679936-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-16" type="radio" name="radio-set-1570679936-15" class="tab-selector-2" />
+  <label for="tab-1570679936-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2137,10 +2137,10 @@ means that each traverser can effectivel
 vertices each:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-17" type="radio" name="radio-set-1565635382-17" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-18" type="radio" name="radio-set-1565635382-17" class="tab-selector-2" />
-  <label for="tab-1565635382-18" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-17" type="radio" name="radio-set-1570679936-17" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-18" type="radio" name="radio-set-1570679936-17" class="tab-selector-2" />
+  <label for="tab-1570679936-18" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2167,10 +2167,10 @@ vertices each:</p>
 results.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-19" type="radio" name="radio-set-1565635382-19" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-20" type="radio" name="radio-set-1565635382-19" class="tab-selector-2" />
-  <label for="tab-1565635382-20" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-19" type="radio" name="radio-set-1570679936-19" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-20" type="radio" name="radio-set-1570679936-19" class="tab-selector-2" />
+  <label for="tab-1570679936-20" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2237,10 +2237,10 @@ the stream from <code>union()</code> to
 to end up with a <code>Map</code> is with <code>valueMap()</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-21" type="radio" name="radio-set-1565635382-21" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-22" type="radio" name="radio-set-1565635382-21" class="tab-selector-2" />
-  <label for="tab-1565635382-22" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-21" type="radio" name="radio-set-1570679936-21" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-22" type="radio" name="radio-set-1570679936-21" class="tab-selector-2" />
+  <label for="tab-1570679936-22" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2267,10 +2267,10 @@ property stored as a <code>List</code>.
 by avoiding use of <code>valueMap()</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-23" type="radio" name="radio-set-1565635382-23" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-24" type="radio" name="radio-set-1565635382-23" class="tab-selector-2" />
-  <label for="tab-1565635382-24" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-23" type="radio" name="radio-set-1570679936-23" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-24" type="radio" name="radio-set-1570679936-23" class="tab-selector-2" />
+  <label for="tab-1570679936-24" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2300,10 +2300,10 @@ by avoiding use of <code>valueMap()</cod
 generally applicable to processing any <code>Map</code> instances with any sorts of values:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-25" type="radio" name="radio-set-1565635382-25" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-26" type="radio" name="radio-set-1565635382-25" class="tab-selector-2" />
-  <label for="tab-1565635382-26" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-25" type="radio" name="radio-set-1570679936-25" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-26" type="radio" name="radio-set-1570679936-25" class="tab-selector-2" />
+  <label for="tab-1570679936-26" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2353,10 +2353,10 @@ desired output before taking this approa
 unavoidable extraneous keys in the output <code>Map</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-27" type="radio" name="radio-set-1565635382-27" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-28" type="radio" name="radio-set-1565635382-27" class="tab-selector-2" />
-  <label for="tab-1565635382-28" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-27" type="radio" name="radio-set-1570679936-27" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-28" type="radio" name="radio-set-1570679936-27" class="tab-selector-2" />
+  <label for="tab-1570679936-28" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2396,10 +2396,10 @@ every single vertex in the traversal str
 supplied. While this may be an acceptable output, it is possible to shape the <code>Map</code> to be "nicer":</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-29" type="radio" name="radio-set-1565635382-29" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-30" type="radio" name="radio-set-1565635382-29" class="tab-selector-2" />
-  <label for="tab-1565635382-30" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-29" type="radio" name="radio-set-1570679936-29" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-30" type="radio" name="radio-set-1570679936-29" class="tab-selector-2" />
+  <label for="tab-1570679936-30" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2449,10 +2449,10 @@ prior to reconstructing the <code>Map</c
 earlier to flatten <code>List</code> values within a <code>Map</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-31" type="radio" name="radio-set-1565635382-31" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-31" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-32" type="radio" name="radio-set-1565635382-31" class="tab-selector-2" />
-  <label for="tab-1565635382-32" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-31" type="radio" name="radio-set-1570679936-31" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-31" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-32" type="radio" name="radio-set-1570679936-31" class="tab-selector-2" />
+  <label for="tab-1570679936-32" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2502,10 +2502,10 @@ here involves the use of a <code>union()
 reconstructed as a new <code>Map</code> that has been merged together:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-33" type="radio" name="radio-set-1565635382-33" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-33" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-34" type="radio" name="radio-set-1565635382-33" class="tab-selector-2" />
-  <label for="tab-1565635382-34" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-33" type="radio" name="radio-set-1570679936-33" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-33" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-34" type="radio" name="radio-set-1570679936-33" class="tab-selector-2" />
+  <label for="tab-1570679936-34" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2563,10 +2563,10 @@ a <code>List</code> back for all the val
 <code>List</code> instances when necessary:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635382-35" type="radio" name="radio-set-1565635382-35" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635382-35" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635382-36" type="radio" name="radio-set-1565635382-35" class="tab-selector-2" />
-  <label for="tab-1565635382-36" class="tab-label-2">groovy</label>
+  <input id="tab-1570679936-35" type="radio" name="radio-set-1570679936-35" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570679936-35" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570679936-36" type="radio" name="radio-set-1570679936-35" class="tab-selector-2" />
+  <label for="tab-1570679936-36" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2645,10 +2645,10 @@ component membership is stored in the gr
 <p><span class="image"><img src="../images/connected-components.png" alt="connected components" width="600"></span></p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635936-1" type="radio" name="radio-set-1565635936-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635936-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635936-2" type="radio" name="radio-set-1565635936-1" class="tab-selector-2" />
-  <label for="tab-1565635936-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570680452-1" type="radio" name="radio-set-1570680452-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680452-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680452-2" type="radio" name="radio-set-1570680452-1" class="tab-selector-2" />
+  <label for="tab-1570680452-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2694,10 +2694,10 @@ described in more detail in the
 The traversal looks like:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635936-3" type="radio" name="radio-set-1565635936-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635936-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635936-4" type="radio" name="radio-set-1565635936-3" class="tab-selector-2" />
-  <label for="tab-1565635936-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570680452-3" type="radio" name="radio-set-1570680452-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680452-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680452-4" type="radio" name="radio-set-1570680452-3" class="tab-selector-2" />
+  <label for="tab-1570680452-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2706,7 +2706,7 @@ The traversal looks like:</p>
              group().by(ConnectedComponent.component).
              select(values).unfold()
 ==&gt;[v[D],v[E]]
-==&gt;[v[C],v[A],v[B]]
+==&gt;[v[B],v[A],v[C]]
 ==&gt;[v[F]]</code></pre>
 </div>
 </div>
@@ -2741,10 +2741,10 @@ default property key within which the re
 <p>A straightforward way to detect the various subgraphs with an OLTP traversal is to do this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565635936-5" type="radio" name="radio-set-1565635936-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565635936-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565635936-6" type="radio" name="radio-set-1565635936-5" class="tab-selector-2" />
-  <label for="tab-1565635936-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570680452-5" type="radio" name="radio-set-1570680452-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680452-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680452-6" type="radio" name="radio-set-1570680452-5" class="tab-selector-2" />
+  <label for="tab-1570680452-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2882,10 +2882,10 @@ depicted below Gremlin could be use to d
 <p><span class="image"><img src="../images/graph-cycle.png" alt="graph cycle" width="250"></span></p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636072-1" type="radio" name="radio-set-1565636072-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636072-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636072-2" type="radio" name="radio-set-1565636072-1" class="tab-selector-2" />
-  <label for="tab-1565636072-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570680577-1" type="radio" name="radio-set-1570680577-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680577-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680577-2" type="radio" name="radio-set-1570680577-1" class="tab-selector-2" />
+  <label for="tab-1570680577-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2959,10 +2959,10 @@ It also respected the directionality of
 themselves). To do so, you would need to <code>.emit()</code> a Traverser before the repeat()-loop.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636072-3" type="radio" name="radio-set-1565636072-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636072-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636072-4" type="radio" name="radio-set-1565636072-3" class="tab-selector-2" />
-  <label for="tab-1565636072-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570680577-3" type="radio" name="radio-set-1570680577-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680577-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680577-4" type="radio" name="radio-set-1570680577-3" class="tab-selector-2" />
+  <label for="tab-1570680577-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3025,10 +3025,10 @@ g.V().as(<span class="string"><span clas
 outgoing edges, in the modern graph?</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636072-5" type="radio" name="radio-set-1565636072-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636072-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636072-6" type="radio" name="radio-set-1565636072-5" class="tab-selector-2" />
-  <label for="tab-1565636072-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570680577-5" type="radio" name="radio-set-1570680577-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680577-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680577-6" type="radio" name="radio-set-1570680577-5" class="tab-selector-2" />
+  <label for="tab-1570680577-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3066,10 +3066,10 @@ that happens to have an eighth bridge (t
 <p>Gremlin can detect if such a cycle exists with:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636072-7" type="radio" name="radio-set-1565636072-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636072-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636072-8" type="radio" name="radio-set-1565636072-7" class="tab-selector-2" />
-  <label for="tab-1565636072-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570680577-7" type="radio" name="radio-set-1570680577-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680577-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680577-8" type="radio" name="radio-set-1570680577-7" class="tab-selector-2" />
+  <label for="tab-1570680577-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3151,10 +3151,10 @@ the first step above, which would mean t
 detected circuit can be displayed with:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636072-9" type="radio" name="radio-set-1565636072-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636072-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636072-10" type="radio" name="radio-set-1565636072-9" class="tab-selector-2" />
-  <label for="tab-1565636072-10" class="tab-label-2">groovy</label>
+  <input id="tab-1570680577-9" type="radio" name="radio-set-1570680577-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680577-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680577-10" type="radio" name="radio-set-1570680577-9" class="tab-selector-2" />
+  <label for="tab-1570680577-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3204,10 +3204,10 @@ label and direction will be considered "
 that is duplicative of the "created" edge between vertex "1" and "3".</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636245-1" type="radio" name="radio-set-1565636245-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636245-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636245-2" type="radio" name="radio-set-1565636245-1" class="tab-selector-2" />
-  <label for="tab-1565636245-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570680743-1" type="radio" name="radio-set-1570680743-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680743-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680743-2" type="radio" name="radio-set-1570680743-1" class="tab-selector-2" />
+  <label for="tab-1570680743-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3235,10 +3235,10 @@ g.V(<span class="integer">1</span>).outE
 <p>One way to find the duplicate edges would be to do something like this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636245-3" type="radio" name="radio-set-1565636245-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636245-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636245-4" type="radio" name="radio-set-1565636245-3" class="tab-selector-2" />
-  <label for="tab-1565636245-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570680743-3" type="radio" name="radio-set-1570680743-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680743-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680743-4" type="radio" name="radio-set-1570680743-3" class="tab-selector-2" />
+  <label for="tab-1570680743-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3301,10 +3301,10 @@ contain  duplicate.</p>
 that uses less memory might look like this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636245-5" type="radio" name="radio-set-1565636245-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636245-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636245-6" type="radio" name="radio-set-1565636245-5" class="tab-selector-2" />
-  <label for="tab-1565636245-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570680743-5" type="radio" name="radio-set-1570680743-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680743-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680743-6" type="radio" name="radio-set-1570680743-5" class="tab-selector-2" />
+  <label for="tab-1570680743-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3373,10 +3373,10 @@ value.</p>
 <p>Note that the above traversal could also be written using <code>match</code> step:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636245-7" type="radio" name="radio-set-1565636245-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636245-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636245-8" type="radio" name="radio-set-1565636245-7" class="tab-selector-2" />
-  <label for="tab-1565636245-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570680743-7" type="radio" name="radio-set-1570680743-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680743-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680743-8" type="radio" name="radio-set-1570680743-7" class="tab-selector-2" />
+  <label for="tab-1570680743-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3425,10 +3425,10 @@ The previous examples invoke traversal s
 as a performance optimization.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636245-9" type="radio" name="radio-set-1565636245-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636245-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636245-10" type="radio" name="radio-set-1565636245-9" class="tab-selector-2" />
-  <label for="tab-1565636245-10" class="tab-label-2">groovy</label>
+  <input id="tab-1570680743-9" type="radio" name="radio-set-1570680743-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680743-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680743-10" type="radio" name="radio-set-1570680743-9" class="tab-selector-2" />
+  <label for="tab-1570680743-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3484,10 +3484,10 @@ example, a "duplicate" definition could
 demonstration, an additional edge is added to the "modern" graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636245-11" type="radio" name="radio-set-1565636245-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636245-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636245-12" type="radio" name="radio-set-1565636245-11" class="tab-selector-2" />
-  <label for="tab-1565636245-12" class="tab-label-2">groovy</label>
+  <input id="tab-1570680743-11" type="radio" name="radio-set-1570680743-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680743-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680743-12" type="radio" name="radio-set-1570680743-11" class="tab-selector-2" />
+  <label for="tab-1570680743-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3518,10 +3518,10 @@ g.V(<span class="integer">1</span>).outE
 <p>To identify the duplicate with this revised definition, the previous traversal can be modified to:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636245-13" type="radio" name="radio-set-1565636245-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636245-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636245-14" type="radio" name="radio-set-1565636245-13" class="tab-selector-2" />
-  <label for="tab-1565636245-14" class="tab-label-2">groovy</label>
+  <input id="tab-1570680743-13" type="radio" name="radio-set-1570680743-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680743-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680743-14" type="radio" name="radio-set-1570680743-13" class="tab-selector-2" />
+  <label for="tab-1570680743-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3571,10 +3571,10 @@ group for duplicates.</p>
 <p>Consider the following example with some duplicate vertices added to the "modern" graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636441-1" type="radio" name="radio-set-1565636441-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636441-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636441-2" type="radio" name="radio-set-1565636441-1" class="tab-selector-2" />
-  <label for="tab-1565636441-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570680932-1" type="radio" name="radio-set-1570680932-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680932-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680932-2" type="radio" name="radio-set-1570680932-1" class="tab-selector-2" />
+  <label for="tab-1570680932-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3620,10 +3620,10 @@ the <code>Map</code> provided by the <co
 match the feature. To extract just those vertices that contain duplicates an additional filter can be added:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636441-3" type="radio" name="radio-set-1565636441-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636441-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636441-4" type="radio" name="radio-set-1565636441-3" class="tab-selector-2" />
-  <label for="tab-1565636441-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570680932-3" type="radio" name="radio-set-1570680932-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570680932-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570680932-4" type="radio" name="radio-set-1570680932-3" class="tab-selector-2" />
+  <label for="tab-1570680932-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3672,10 +3672,10 @@ be created with the same properties and
 follows:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636515-1" type="radio" name="radio-set-1565636515-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636515-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636515-2" type="radio" name="radio-set-1565636515-1" class="tab-selector-2" />
-  <label for="tab-1565636515-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570681001-1" type="radio" name="radio-set-1570681001-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681001-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681001-2" type="radio" name="radio-set-1570681001-1" class="tab-selector-2" />
+  <label for="tab-1570681001-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3707,10 +3707,10 @@ follows:</p>
 the "peter" vertex in a single traversal:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636515-3" type="radio" name="radio-set-1565636515-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636515-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636515-4" type="radio" name="radio-set-1565636515-3" class="tab-selector-2" />
-  <label for="tab-1565636515-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570681001-3" type="radio" name="radio-set-1570681001-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681001-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681001-4" type="radio" name="radio-set-1570681001-3" class="tab-selector-2" />
+  <label for="tab-1570681001-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3781,10 +3781,10 @@ properties to transfer to the new "moved
 <p>Checking for whether or not a graph element is present in the graph is simple:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636595-1" type="radio" name="radio-set-1565636595-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636595-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636595-2" type="radio" name="radio-set-1565636595-1" class="tab-selector-2" />
-  <label for="tab-1565636595-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570681076-1" type="radio" name="radio-set-1570681076-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681076-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681076-2" type="radio" name="radio-set-1570681076-1" class="tab-selector-2" />
+  <label for="tab-1570681076-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3815,10 +3815,10 @@ determine whether or not to add a new ve
 entire operation can occur in a single traversal.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636595-3" type="radio" name="radio-set-1565636595-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636595-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636595-4" type="radio" name="radio-set-1565636595-3" class="tab-selector-2" />
-  <label for="tab-1565636595-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570681076-3" type="radio" name="radio-set-1570681076-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681076-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681076-4" type="radio" name="radio-set-1570681076-3" class="tab-selector-2" />
+  <label for="tab-1570681076-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3873,10 +3873,10 @@ then the vertex does not exist and it is
 <p>This "get or create" logic can be expanded to be "upsert" like functionality as follows:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636595-5" type="radio" name="radio-set-1565636595-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636595-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636595-6" type="radio" name="radio-set-1565636595-5" class="tab-selector-2" />
-  <label for="tab-1565636595-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570681076-5" type="radio" name="radio-set-1570681076-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681076-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681076-6" type="radio" name="radio-set-1570681076-5" class="tab-selector-2" />
+  <label for="tab-1570681076-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3938,10 +3938,10 @@ execution.
 <p>It is possible to do similar sorts of operations with edges using the same pattern:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636595-7" type="radio" name="radio-set-1565636595-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636595-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636595-8" type="radio" name="radio-set-1565636595-7" class="tab-selector-2" />
-  <label for="tab-1565636595-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570681076-7" type="radio" name="radio-set-1570681076-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681076-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681076-8" type="radio" name="radio-set-1570681076-7" class="tab-selector-2" />
+  <label for="tab-1570681076-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3982,10 +3982,10 @@ found between these two vertices, then i
 <p>Consider the following traversal over the "modern" toy graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636724-1" type="radio" name="radio-set-1565636724-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636724-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636724-2" type="radio" name="radio-set-1565636724-1" class="tab-selector-2" />
-  <label for="tab-1565636724-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570681200-1" type="radio" name="radio-set-1570681200-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681200-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681200-2" type="radio" name="radio-set-1570681200-1" class="tab-selector-2" />
+  <label for="tab-1570681200-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4013,10 +4013,10 @@ different picture of the result. For exa
 a domain concept such as "young", "old" and "very old".</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636724-3" type="radio" name="radio-set-1565636724-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636724-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636724-4" type="radio" name="radio-set-1565636724-3" class="tab-selector-2" />
-  <label for="tab-1565636724-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570681200-3" type="radio" name="radio-set-1570681200-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681200-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681200-4" type="radio" name="radio-set-1570681200-3" class="tab-selector-2" />
+  <label for="tab-1570681200-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4068,10 +4068,10 @@ like the following in Java:</p>
 there is another option to consider with <code>coalesce</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636724-5" type="radio" name="radio-set-1565636724-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636724-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636724-6" type="radio" name="radio-set-1565636724-5" class="tab-selector-2" />
-  <label for="tab-1565636724-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570681200-5" type="radio" name="radio-set-1570681200-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681200-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681200-6" type="radio" name="radio-set-1570681200-5" class="tab-selector-2" />
+  <label for="tab-1570681200-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4120,10 +4120,10 @@ second ten records and so on, until pote
 <p>In Gremlin, a basic approach to paging would look something like the following:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636826-1" type="radio" name="radio-set-1565636826-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636826-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636826-2" type="radio" name="radio-set-1565636826-1" class="tab-selector-2" />
-  <label for="tab-1565636826-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570681298-1" type="radio" name="radio-set-1570681298-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681298-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681298-2" type="radio" name="radio-set-1570681298-1" class="tab-selector-2" />
+  <label for="tab-1570681298-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4189,10 +4189,10 @@ to getting a total count without doing a
 removed then the traversals become more simple:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636826-3" type="radio" name="radio-set-1565636826-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636826-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636826-4" type="radio" name="radio-set-1565636826-3" class="tab-selector-2" />
-  <label for="tab-1565636826-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570681298-3" type="radio" name="radio-set-1570681298-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681298-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681298-4" type="radio" name="radio-set-1570681298-3" class="tab-selector-2" />
+  <label for="tab-1570681298-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4242,10 +4242,10 @@ second traversal, the graph will still r
 <p>The only way to completely avoid that problem is to re-use the same traversal instance:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636826-5" type="radio" name="radio-set-1565636826-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636826-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636826-6" type="radio" name="radio-set-1565636826-5" class="tab-selector-2" />
-  <label for="tab-1565636826-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570681298-5" type="radio" name="radio-set-1570681298-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681298-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681298-6" type="radio" name="radio-set-1570681298-5" class="tab-selector-2" />
+  <label for="tab-1570681298-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4309,10 +4309,10 @@ specific person as to what their opinion
 following script generates some data for the graph using that basic schema:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-1" type="radio" name="radio-set-1565636941-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-2" type="radio" name="radio-set-1565636941-1" class="tab-selector-2" />
-  <label for="tab-1565636941-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-1" type="radio" name="radio-set-1570681405-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-2" type="radio" name="radio-set-1570681405-1" class="tab-selector-2" />
+  <label for="tab-1570681405-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4390,10 +4390,10 @@ gremlin&gt; <span class="integer">2</spa
 <p>The first step to making a recommendation to "alice" using collaborative filtering is to understand what she bought:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-3" type="radio" name="radio-set-1565636941-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-4" type="radio" name="radio-set-1565636941-3" class="tab-selector-2" />
-  <label for="tab-1565636941-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-3" type="radio" name="radio-set-1570681405-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-4" type="radio" name="radio-set-1570681405-3" class="tab-selector-2" />
+  <label for="tab-1570681405-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4430,10 +4430,10 @@ focus on the neighborhood around that pr
 <p>The next step is to determine who else purchased those products:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-5" type="radio" name="radio-set-1565636941-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-6" type="radio" name="radio-set-1565636941-5" class="tab-selector-2" />
-  <label for="tab-1565636941-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-5" type="radio" name="radio-set-1570681405-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-6" type="radio" name="radio-set-1570681405-5" class="tab-selector-2" />
+  <label for="tab-1570681405-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4463,10 +4463,10 @@ focus on the neighborhood around that pr
 interest is in what individuals other than herself purchased:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-7" type="radio" name="radio-set-1565636941-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-8" type="radio" name="radio-set-1565636941-7" class="tab-selector-2" />
-  <label for="tab-1565636941-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-7" type="radio" name="radio-set-1570681405-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-8" type="radio" name="radio-set-1570681405-7" class="tab-selector-2" />
+  <label for="tab-1570681405-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4507,10 +4507,10 @@ interest is in what individuals other th
 they bought:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-9" type="radio" name="radio-set-1565636941-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-10" type="radio" name="radio-set-1565636941-9" class="tab-selector-2" />
-  <label for="tab-1565636941-10" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-9" type="radio" name="radio-set-1570681405-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-10" type="radio" name="radio-set-1570681405-9" class="tab-selector-2" />
+  <label for="tab-1570681405-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4557,10 +4557,10 @@ already purchased some of these products
 that she already owns. Those products she already purchased can be excluded as follows:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-11" type="radio" name="radio-set-1565636941-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-12" type="radio" name="radio-set-1565636941-11" class="tab-selector-2" />
-  <label for="tab-1565636941-12" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-11" type="radio" name="radio-set-1570681405-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-12" type="radio" name="radio-set-1570681405-11" class="tab-selector-2" />
+  <label for="tab-1570681405-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4601,10 +4601,10 @@ that she already owns. Those products sh
 purposes) to form a ranking:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-13" type="radio" name="radio-set-1565636941-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-14" type="radio" name="radio-set-1565636941-13" class="tab-selector-2" />
-  <label for="tab-1565636941-14" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-13" type="radio" name="radio-set-1570681405-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-14" type="radio" name="radio-set-1570681405-13" class="tab-selector-2" />
+  <label for="tab-1570681405-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4667,10 +4667,10 @@ vertices that make up the recommendation
 who have at least one product in common:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-15" type="radio" name="radio-set-1565636941-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-16" type="radio" name="radio-set-1565636941-15" class="tab-selector-2" />
-  <label for="tab-1565636941-16" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-15" type="radio" name="radio-set-1570681405-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-16" type="radio" name="radio-set-1570681405-15" class="tab-selector-2" />
+  <label for="tab-1570681405-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4702,10 +4702,10 @@ who have at least one product in common:
 <p>Next, do some grouping to find count how many products they have in common:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-17" type="radio" name="radio-set-1565636941-17" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-18" type="radio" name="radio-set-1565636941-17" class="tab-selector-2" />
-  <label for="tab-1565636941-18" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-17" type="radio" name="radio-set-1570681405-17" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-18" type="radio" name="radio-set-1570681405-17" class="tab-selector-2" />
+  <label for="tab-1570681405-18" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4741,10 +4741,10 @@ who have at least one product in common:
 that maximum:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-19" type="radio" name="radio-set-1565636941-19" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-20" type="radio" name="radio-set-1565636941-19" class="tab-selector-2" />
-  <label for="tab-1565636941-20" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-19" type="radio" name="radio-set-1570681405-19" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-20" type="radio" name="radio-set-1570681405-19" class="tab-selector-2" />
+  <label for="tab-1570681405-20" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4786,10 +4786,10 @@ that maximum:</p>
 common:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-21" type="radio" name="radio-set-1565636941-21" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-22" type="radio" name="radio-set-1565636941-21" class="tab-selector-2" />
-  <label for="tab-1565636941-22" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-21" type="radio" name="radio-set-1570681405-21" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-22" type="radio" name="radio-set-1570681405-21" class="tab-selector-2" />
+  <label for="tab-1570681405-22" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4836,10 +4836,10 @@ common:</p>
 purchased:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-23" type="radio" name="radio-set-1565636941-23" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-24" type="radio" name="radio-set-1565636941-23" class="tab-selector-2" />
-  <label for="tab-1565636941-24" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-23" type="radio" name="radio-set-1570681405-23" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-24" type="radio" name="radio-set-1570681405-23" class="tab-selector-2" />
+  <label for="tab-1570681405-24" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4889,10 +4889,10 @@ purchased:</p>
 <p>The above output shows that one product is held in common making it the top recommendation:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-25" type="radio" name="radio-set-1565636941-25" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-26" type="radio" name="radio-set-1565636941-25" class="tab-selector-2" />
-  <label for="tab-1565636941-26" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-25" type="radio" name="radio-set-1570681405-25" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-26" type="radio" name="radio-set-1570681405-25" class="tab-selector-2" />
+  <label for="tab-1570681405-26" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4952,10 +4952,10 @@ purchased:</p>
 recommendation algorithm:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-27" type="radio" name="radio-set-1565636941-27" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-28" type="radio" name="radio-set-1565636941-27" class="tab-selector-2" />
-  <label for="tab-1565636941-28" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-27" type="radio" name="radio-set-1570681405-27" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-28" type="radio" name="radio-set-1570681405-27" class="tab-selector-2" />
+  <label for="tab-1570681405-28" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5002,10 +5002,10 @@ place additional limits on the traversal
 traversal sample the data for no longer than one second, the previous "basic" recommendation could be changed to:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565636941-29" type="radio" name="radio-set-1565636941-29" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565636941-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565636941-30" type="radio" name="radio-set-1565636941-29" class="tab-selector-2" />
-  <label for="tab-1565636941-30" class="tab-label-2">groovy</label>
+  <input id="tab-1570681405-29" type="radio" name="radio-set-1570681405-29" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681405-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681405-30" type="radio" name="radio-set-1570681405-29" class="tab-selector-2" />
+  <label for="tab-1570681405-30" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5059,10 +5059,10 @@ achieve the desired outcome.</p>
 is a simple example that identifies the shortest path between vertex "1" and vertex "5" while traversing over out edges:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637329-1" type="radio" name="radio-set-1565637329-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637329-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637329-2" type="radio" name="radio-set-1565637329-1" class="tab-selector-2" />
-  <label for="tab-1565637329-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570681775-1" type="radio" name="radio-set-1570681775-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681775-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681775-2" type="radio" name="radio-set-1570681775-1" class="tab-selector-2" />
+  <label for="tab-1570681775-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5134,10 +5134,10 @@ length three), but this example is not c
 <p>The following code block demonstrates how the shortest path from <code>v[1]</code> to <code>v[5]</code> can be queried in OLAP, using the <code>shortestPath()</code> step.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637329-3" type="radio" name="radio-set-1565637329-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637329-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637329-4" type="radio" name="radio-set-1565637329-3" class="tab-selector-2" />
-  <label for="tab-1565637329-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570681775-3" type="radio" name="radio-set-1570681775-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681775-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681775-4" type="radio" name="radio-set-1570681775-3" class="tab-selector-2" />
+  <label for="tab-1570681775-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5171,10 +5171,10 @@ be measured by data within the graph its
 but includes a "weight" on the edges, that will be used to help determine the "cost" of a particular path:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637329-5" type="radio" name="radio-set-1565637329-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637329-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637329-6" type="radio" name="radio-set-1565637329-5" class="tab-selector-2" />
-  <label for="tab-1565637329-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570681775-5" type="radio" name="radio-set-1570681775-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681775-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681775-6" type="radio" name="radio-set-1570681775-5" class="tab-selector-2" />
+  <label for="tab-1570681775-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5276,10 +5276,10 @@ structure.</p>
 <p>The next code block demonstrates how the <code>shortestPath()</code> step can be used in OLAP to determine the shortest weighted path.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637329-7" type="radio" name="radio-set-1565637329-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637329-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637329-8" type="radio" name="radio-set-1565637329-7" class="tab-selector-2" />
-  <label for="tab-1565637329-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570681775-7" type="radio" name="radio-set-1570681775-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681775-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681775-8" type="radio" name="radio-set-1570681775-7" class="tab-selector-2" />
+  <label for="tab-1570681775-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5314,10 +5314,10 @@ g.V(<span class="integer">1</span>).shor
 in the modern toy graph.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637329-9" type="radio" name="radio-set-1565637329-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637329-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637329-10" type="radio" name="radio-set-1565637329-9" class="tab-selector-2" />
-  <label for="tab-1565637329-10" class="tab-label-2">groovy</label>
+  <input id="tab-1570681775-9" type="radio" name="radio-set-1570681775-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681775-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681775-10" type="radio" name="radio-set-1570681775-9" class="tab-selector-2" />
+  <label for="tab-1570681775-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5432,10 +5432,10 @@ in the modern toy graph.</p>
 <p>Again, this can be translated into an OLAP query using the <code>shortestPath()</code> step.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637329-11" type="radio" name="radio-set-1565637329-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637329-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637329-12" type="radio" name="radio-set-1565637329-11" class="tab-selector-2" />
-  <label for="tab-1565637329-12" class="tab-label-2">groovy</label>
+  <input id="tab-1570681775-11" type="radio" name="radio-set-1570681775-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681775-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681775-12" type="radio" name="radio-set-1570681775-11" class="tab-selector-2" />
+  <label for="tab-1570681775-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5515,10 +5515,10 @@ allowed to leave the local star graph, i
 shortest paths can be passed back into the OLTP <code>GraphTraversalSource</code>, which can then be used to query the values.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637329-13" type="radio" name="radio-set-1565637329-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637329-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637329-14" type="radio" name="radio-set-1565637329-13" class="tab-selector-2" />
-  <label for="tab-1565637329-14" class="tab-label-2">groovy</label>
+  <input id="tab-1570681775-13" type="radio" name="radio-set-1570681775-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681775-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681775-14" type="radio" name="radio-set-1570681775-13" class="tab-selector-2" />
+  <label for="tab-1570681775-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5609,10 +5609,10 @@ shortest paths can be passed back into t
 arguments.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-1" type="radio" name="radio-set-1565637558-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-2" type="radio" name="radio-set-1565637558-1" class="tab-selector-2" />
-  <label for="tab-1565637558-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-1" type="radio" name="radio-set-1570681994-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-2" type="radio" name="radio-set-1570681994-1" class="tab-selector-2" />
+  <label for="tab-1570681994-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5641,10 +5641,10 @@ no longer suffice. There are multiple wa
 obvious to any programmer - use a variable:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-3" type="radio" name="radio-set-1565637558-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-4" type="radio" name="radio-set-1565637558-3" class="tab-selector-2" />
-  <label for="tab-1565637558-4" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-3" type="radio" name="radio-set-1570681994-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-4" type="radio" name="radio-set-1570681994-3" class="tab-selector-2" />
+  <label for="tab-1570681994-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5675,10 +5675,10 @@ filter the people he knows. In this way
 itself.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-5" type="radio" name="radio-set-1565637558-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-6" type="radio" name="radio-set-1565637558-5" class="tab-selector-2" />
-  <label for="tab-1565637558-6" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-5" type="radio" name="radio-set-1570681994-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-6" type="radio" name="radio-set-1570681994-5" class="tab-selector-2" />
+  <label for="tab-1570681994-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5729,10 +5729,10 @@ contained people, their friendship relat
 <p><span class="image"><img src="../images/traversal-induced-values-3.png" alt="traversal induced values 3" width="600"></span></p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-7" type="radio" name="radio-set-1565637558-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-8" type="radio" name="radio-set-1565637558-7" class="tab-selector-2" />
-  <label for="tab-1565637558-8" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-7" type="radio" name="radio-set-1570681994-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-8" type="radio" name="radio-set-1570681994-7" class="tab-selector-2" />
+  <label for="tab-1570681994-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5778,10 +5778,10 @@ contained people, their friendship relat
 <p>Getting a list of all the movies that Alice&#8217;s friends like could be done like this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-9" type="radio" name="radio-set-1565637558-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-10" type="radio" name="radio-set-1565637558-9" class="tab-selector-2" />
-  <label for="tab-1565637558-10" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-9" type="radio" name="radio-set-1570681994-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-10" type="radio" name="radio-set-1570681994-9" class="tab-selector-2" />
+  <label for="tab-1570681994-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5810,10 +5810,10 @@ contained people, their friendship relat
 mean filtering out "the wild bunch" and "unforgiven".</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-11" type="radio" name="radio-set-1565637558-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-12" type="radio" name="radio-set-1565637558-11" class="tab-selector-2" />
-  <label for="tab-1565637558-12" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-11" type="radio" name="radio-set-1570681994-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-12" type="radio" name="radio-set-1570681994-11" class="tab-selector-2" />
+  <label for="tab-1570681994-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5868,10 +5868,10 @@ like the movie.</p>
 of one <code>Vertex</code> to another:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-13" type="radio" name="radio-set-1565637558-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-14" type="radio" name="radio-set-1565637558-13" class="tab-selector-2" />
-  <label for="tab-1565637558-14" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-13" type="radio" name="radio-set-1570681994-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-14" type="radio" name="radio-set-1570681994-13" class="tab-selector-2" />
+  <label for="tab-1570681994-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5919,10 +5919,10 @@ value of the "amount" of tank "c" would
 <p>Using Gremlin <code>sack()</code>, this kind of operation could be specified as a single traversal:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-15" type="radio" name="radio-set-1565637558-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-16" type="radio" name="radio-set-1565637558-15" class="tab-selector-2" />
-  <label for="tab-1565637558-16" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-15" type="radio" name="radio-set-1570681994-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-16" type="radio" name="radio-set-1570681994-15" class="tab-selector-2" />
+  <label for="tab-1570681994-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5977,10 +5977,10 @@ elsewhere in the traversal. Here is anot
 in the modern toy graph by 10:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-17" type="radio" name="radio-set-1565637558-17" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-18" type="radio" name="radio-set-1565637558-17" class="tab-selector-2" />
-  <label for="tab-1565637558-18" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-17" type="radio" name="radio-set-1570681994-17" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-18" type="radio" name="radio-set-1570681994-17" class="tab-selector-2" />
+  <label for="tab-1570681994-18" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -6018,10 +6018,10 @@ the "age" property of the same vertex.</
 Using the same example, the "weight" property on the incident edges will be used as the value to add to the sack:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637558-19" type="radio" name="radio-set-1565637558-19" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637558-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637558-20" type="radio" name="radio-set-1565637558-19" class="tab-selector-2" />
-  <label for="tab-1565637558-20" class="tab-label-2">groovy</label>
+  <input id="tab-1570681994-19" type="radio" name="radio-set-1570681994-19" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570681994-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570681994-20" type="radio" name="radio-set-1570681994-19" class="tab-selector-2" />
+  <label for="tab-1570681994-20" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -6069,10 +6069,10 @@ shading, is the lowest common ancestor.<
 <p>The following code simply sets up the graph depicted above using "hasParent" for the edge label:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1565637835-1" type="radio" name="radio-set-1565637835-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1565637835-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1565637835-2" type="radio" name="radio-set-1565637835-1" class="tab-selector-2" />
-  <label for="tab-1565637835-2" class="tab-label-2">groovy</label>
+  <input id="tab-1570682259-1" type="radio" name="radio-set-1570682259-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1570682259-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1570682259-2" type="radio" name="radio-set-1570682259-1" class="tab-selector-2" />
+  <label for="tab-1570682259-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">

[... 905 lines stripped ...]