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

svn commit: r1891525 [2/48] - in /tinkerpop/site: docs/3.5.1-SNAPSHOT/dev/developer/ docs/3.5.1-SNAPSHOT/dev/provider/ docs/3.5.1-SNAPSHOT/recipes/ docs/3.5.1-SNAPSHOT/reference/ docs/3.5.1-SNAPSHOT/tutorials/getting-started/ docs/3.5.1-SNAPSHOT/tutori...

Modified: tinkerpop/site/docs/3.5.1-SNAPSHOT/recipes/index.html
URL: http://svn.apache.org/viewvc/tinkerpop/site/docs/3.5.1-SNAPSHOT/recipes/index.html?rev=1891525&r1=1891524&r2=1891525&view=diff
==============================================================================
--- tinkerpop/site/docs/3.5.1-SNAPSHOT/recipes/index.html (original)
+++ tinkerpop/site/docs/3.5.1-SNAPSHOT/recipes/index.html Wed Jul 14 10:12:28 2021
@@ -922,10 +922,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-1620677900-1" type="radio" name="radio-set-1620677900-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677900-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677900-2" type="radio" name="radio-set-1620677900-1" class="tab-selector-2" />
-  <label for="tab-1620677900-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252273-1" type="radio" name="radio-set-1626252273-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252273-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252273-2" type="radio" name="radio-set-1626252273-1" class="tab-selector-2" />
+  <label for="tab-1626252273-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1000,10 +1000,10 @@ scenarios. For one such example, conside
 vertices:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620677900-3" type="radio" name="radio-set-1620677900-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677900-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677900-4" type="radio" name="radio-set-1620677900-3" class="tab-selector-2" />
-  <label for="tab-1620677900-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252273-3" type="radio" name="radio-set-1626252273-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252273-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252273-4" type="radio" name="radio-set-1626252273-3" class="tab-selector-2" />
+  <label for="tab-1626252273-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1052,10 +1052,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-1620677900-5" type="radio" name="radio-set-1620677900-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677900-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677900-6" type="radio" name="radio-set-1620677900-5" class="tab-selector-2" />
-  <label for="tab-1620677900-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252273-5" type="radio" name="radio-set-1626252273-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252273-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252273-6" type="radio" name="radio-set-1626252273-5" class="tab-selector-2" />
+  <label for="tab-1626252273-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1191,10 +1191,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-1620677934-1" type="radio" name="radio-set-1620677934-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677934-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677934-2" type="radio" name="radio-set-1620677934-1" class="tab-selector-2" />
-  <label for="tab-1620677934-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252310-1" type="radio" name="radio-set-1626252310-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252310-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252310-2" type="radio" name="radio-set-1626252310-1" class="tab-selector-2" />
+  <label for="tab-1626252310-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1289,10 +1289,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-1620677934-3" type="radio" name="radio-set-1620677934-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677934-3" class="tab-label-1">console (groovy )</label>
-  <input id="tab-1620677934-4" type="radio" name="radio-set-1620677934-3" class="tab-selector-2" />
-  <label for="tab-1620677934-4" class="tab-label-2">groovy </label>
+  <input id="tab-1626252310-3" type="radio" name="radio-set-1626252310-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252310-3" class="tab-label-1">console (groovy )</label>
+  <input id="tab-1626252310-4" type="radio" name="radio-set-1626252310-3" class="tab-selector-2" />
+  <label for="tab-1626252310-4" class="tab-label-2">groovy </label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1420,10 +1420,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-1620677934-5" type="radio" name="radio-set-1620677934-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677934-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677934-6" type="radio" name="radio-set-1620677934-5" class="tab-selector-2" />
-  <label for="tab-1620677934-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252310-5" type="radio" name="radio-set-1626252310-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252310-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252310-6" type="radio" name="radio-set-1626252310-5" class="tab-selector-2" />
+  <label for="tab-1626252310-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1526,10 +1526,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-1620677934-7" type="radio" name="radio-set-1620677934-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677934-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677934-8" type="radio" name="radio-set-1620677934-7" class="tab-selector-2" />
-  <label for="tab-1620677934-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252310-7" type="radio" name="radio-set-1626252310-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252310-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252310-8" type="radio" name="radio-set-1626252310-7" class="tab-selector-2" />
+  <label for="tab-1626252310-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1608,10 +1608,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-1620677934-9" type="radio" name="radio-set-1620677934-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677934-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677934-10" type="radio" name="radio-set-1620677934-9" class="tab-selector-2" />
-  <label for="tab-1620677934-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626252310-9" type="radio" name="radio-set-1626252310-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252310-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252310-10" type="radio" name="radio-set-1626252310-9" class="tab-selector-2" />
+  <label for="tab-1626252310-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1619,12 +1619,12 @@ can shorten the time required to get a r
 <pre class="CodeRay highlight"><code data-lang="groovy">gremlin&gt; g = traversal().withEmbedded(graph).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().with(PageRank.propertyName,<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.11375510357865537</span>
-==&gt;<span class="float">0.11375510357865537</span>
+==&gt;<span class="float">0.1757988989970823</span>
 ==&gt;<span class="float">0.14598540152719103</span>
 ==&gt;<span class="float">0.14598540152719103</span>
-==&gt;<span class="float">0.1757988989970823</span>
-==&gt;<span class="float">0.3047200907912249</span></code></pre>
+==&gt;<span class="float">0.11375510357865538</span>
+==&gt;<span class="float">0.11375510357865538</span>
+==&gt;<span class="float">0.30472009079122486</span></code></pre>
 </div>
 </div>
     </div>
@@ -1669,10 +1669,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-1620677986-1" type="radio" name="radio-set-1620677986-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-2" type="radio" name="radio-set-1620677986-1" class="tab-selector-2" />
-  <label for="tab-1620677986-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-1" type="radio" name="radio-set-1626252365-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-2" type="radio" name="radio-set-1626252365-1" class="tab-selector-2" />
+  <label for="tab-1626252365-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1701,10 +1701,10 @@ g.V().store(<span class="string"><span c
 similar fashion to lists:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620677986-3" type="radio" name="radio-set-1620677986-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-4" type="radio" name="radio-set-1620677986-3" class="tab-selector-2" />
-  <label for="tab-1620677986-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-3" type="radio" name="radio-set-1626252365-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-4" type="radio" name="radio-set-1626252365-3" class="tab-selector-2" />
+  <label for="tab-1626252365-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1737,10 +1737,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-1620677986-5" type="radio" name="radio-set-1620677986-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-6" type="radio" name="radio-set-1620677986-5" class="tab-selector-2" />
-  <label for="tab-1620677986-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-5" type="radio" name="radio-set-1626252365-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-6" type="radio" name="radio-set-1626252365-5" class="tab-selector-2" />
+  <label for="tab-1626252365-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1780,10 +1780,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-1620677986-7" type="radio" name="radio-set-1620677986-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-8" type="radio" name="radio-set-1620677986-7" class="tab-selector-2" />
-  <label for="tab-1620677986-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-7" type="radio" name="radio-set-1626252365-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-8" type="radio" name="radio-set-1626252365-7" class="tab-selector-2" />
+  <label for="tab-1626252365-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1825,10 +1825,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-1620677986-9" type="radio" name="radio-set-1620677986-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-10" type="radio" name="radio-set-1620677986-9" class="tab-selector-2" />
-  <label for="tab-1620677986-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-9" type="radio" name="radio-set-1626252365-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-10" type="radio" name="radio-set-1626252365-9" class="tab-selector-2" />
+  <label for="tab-1626252365-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1863,10 +1863,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-1620677986-11" type="radio" name="radio-set-1620677986-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-12" type="radio" name="radio-set-1620677986-11" class="tab-selector-2" />
-  <label for="tab-1620677986-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-11" type="radio" name="radio-set-1626252365-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-12" type="radio" name="radio-set-1626252365-11" class="tab-selector-2" />
+  <label for="tab-1626252365-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1944,10 +1944,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-1620677986-13" type="radio" name="radio-set-1620677986-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-14" type="radio" name="radio-set-1620677986-13" class="tab-selector-2" />
-  <label for="tab-1620677986-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-13" type="radio" name="radio-set-1626252365-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-14" type="radio" name="radio-set-1626252365-13" class="tab-selector-2" />
+  <label for="tab-1626252365-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2028,10 +2028,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-1620677986-15" type="radio" name="radio-set-1620677986-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-16" type="radio" name="radio-set-1620677986-15" class="tab-selector-2" />
-  <label for="tab-1620677986-16" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-15" type="radio" name="radio-set-1626252365-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-16" type="radio" name="radio-set-1626252365-15" class="tab-selector-2" />
+  <label for="tab-1626252365-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2142,10 +2142,10 @@ means that each traverser can effectivel
 vertices each:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620677986-17" type="radio" name="radio-set-1620677986-17" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-18" type="radio" name="radio-set-1620677986-17" class="tab-selector-2" />
-  <label for="tab-1620677986-18" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-17" type="radio" name="radio-set-1626252365-17" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-18" type="radio" name="radio-set-1626252365-17" class="tab-selector-2" />
+  <label for="tab-1626252365-18" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2172,10 +2172,10 @@ vertices each:</p>
 results.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620677986-19" type="radio" name="radio-set-1620677986-19" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-20" type="radio" name="radio-set-1620677986-19" class="tab-selector-2" />
-  <label for="tab-1620677986-20" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-19" type="radio" name="radio-set-1626252365-19" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-20" type="radio" name="radio-set-1626252365-19" class="tab-selector-2" />
+  <label for="tab-1626252365-20" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2256,10 +2256,10 @@ need for the transformation, the explana
 to end up with a <code>Map</code> is with <code>valueMap()</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620677986-21" type="radio" name="radio-set-1620677986-21" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-22" type="radio" name="radio-set-1620677986-21" class="tab-selector-2" />
-  <label for="tab-1620677986-22" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-21" type="radio" name="radio-set-1626252365-21" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-22" type="radio" name="radio-set-1626252365-21" class="tab-selector-2" />
+  <label for="tab-1626252365-22" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2286,10 +2286,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-1620677986-23" type="radio" name="radio-set-1620677986-23" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-24" type="radio" name="radio-set-1620677986-23" class="tab-selector-2" />
-  <label for="tab-1620677986-24" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-23" type="radio" name="radio-set-1626252365-23" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-24" type="radio" name="radio-set-1626252365-23" class="tab-selector-2" />
+  <label for="tab-1626252365-24" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2319,10 +2319,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-1620677986-25" type="radio" name="radio-set-1620677986-25" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-26" type="radio" name="radio-set-1620677986-25" class="tab-selector-2" />
-  <label for="tab-1620677986-26" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-25" type="radio" name="radio-set-1626252365-25" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-26" type="radio" name="radio-set-1626252365-25" class="tab-selector-2" />
+  <label for="tab-1626252365-26" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2372,10 +2372,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-1620677986-27" type="radio" name="radio-set-1620677986-27" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-28" type="radio" name="radio-set-1620677986-27" class="tab-selector-2" />
-  <label for="tab-1620677986-28" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-27" type="radio" name="radio-set-1626252365-27" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-28" type="radio" name="radio-set-1626252365-27" class="tab-selector-2" />
+  <label for="tab-1626252365-28" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2415,10 +2415,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-1620677986-29" type="radio" name="radio-set-1620677986-29" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-30" type="radio" name="radio-set-1620677986-29" class="tab-selector-2" />
-  <label for="tab-1620677986-30" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-29" type="radio" name="radio-set-1626252365-29" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-30" type="radio" name="radio-set-1626252365-29" class="tab-selector-2" />
+  <label for="tab-1626252365-30" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2468,10 +2468,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-1620677986-31" type="radio" name="radio-set-1620677986-31" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-31" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-32" type="radio" name="radio-set-1620677986-31" class="tab-selector-2" />
-  <label for="tab-1620677986-32" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-31" type="radio" name="radio-set-1626252365-31" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-31" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-32" type="radio" name="radio-set-1626252365-31" class="tab-selector-2" />
+  <label for="tab-1626252365-32" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2521,10 +2521,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-1620677986-33" type="radio" name="radio-set-1620677986-33" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-33" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-34" type="radio" name="radio-set-1620677986-33" class="tab-selector-2" />
-  <label for="tab-1620677986-34" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-33" type="radio" name="radio-set-1626252365-33" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-33" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-34" type="radio" name="radio-set-1626252365-33" class="tab-selector-2" />
+  <label for="tab-1626252365-34" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2538,7 +2538,7 @@ reconstructed as a new <code>Map</code>
            group().
              by(keys).
              by(select(values).unfold())
-==&gt;[<span class="key">id</span>:<span class="integer">1</span>,<span class="key">degree</span>:<span class="integer">3</span>,<span class="key">name</span>:marko,<span class="key">label</span>:person,<span class="key">age</span>:<span class="integer">29</span>]</code></pre>
+==&gt;[<span class="key">id</span>:<span class="integer">1</span>,<span class="key">label</span>:person,<span class="key">degree</span>:<span class="integer">3</span>,<span class="key">name</span>:marko,<span class="key">age</span>:<span class="integer">29</span>]</code></pre>
 </div>
 </div>
     </div>
@@ -2584,10 +2584,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-1620677986-35" type="radio" name="radio-set-1620677986-35" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620677986-35" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620677986-36" type="radio" name="radio-set-1620677986-35" class="tab-selector-2" />
-  <label for="tab-1620677986-36" class="tab-label-2">groovy</label>
+  <input id="tab-1626252365-35" type="radio" name="radio-set-1626252365-35" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252365-35" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252365-36" type="radio" name="radio-set-1626252365-35" class="tab-selector-2" />
+  <label for="tab-1626252365-36" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2604,7 +2604,7 @@ a <code>List</code> back for all the val
                 unfold().
                 fold().
                 choose(count(local).is(eq(<span class="integer">1</span>)), unfold()))
-==&gt;[<span class="key">id</span>:<span class="integer">1</span>,<span class="key">name</span>:marko,<span class="key">label</span>:person,<span class="key">age</span>:[<span class="integer">29</span>,<span class="integer">100</span>]]</code></pre>
+==&gt;[<span class="key">id</span>:<span class="integer">1</span>,<span class="key">label</span>:person,<span class="key">name</span>:marko,<span class="key">age</span>:[<span class="integer">29</span>,<span class="integer">100</span>]]</code></pre>
 </div>
 </div>
     </div>
@@ -2666,10 +2666,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-1620678125-1" type="radio" name="radio-set-1620678125-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678125-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678125-2" type="radio" name="radio-set-1620678125-1" class="tab-selector-2" />
-  <label for="tab-1620678125-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252504-1" type="radio" name="radio-set-1626252504-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252504-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252504-2" type="radio" name="radio-set-1626252504-1" class="tab-selector-2" />
+  <label for="tab-1626252504-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2715,10 +2715,10 @@ described in more detail in the
 The traversal looks like:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678125-3" type="radio" name="radio-set-1620678125-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678125-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678125-4" type="radio" name="radio-set-1620678125-3" class="tab-selector-2" />
-  <label for="tab-1620678125-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252504-3" type="radio" name="radio-set-1626252504-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252504-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252504-4" type="radio" name="radio-set-1626252504-3" class="tab-selector-2" />
+  <label for="tab-1626252504-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2727,7 +2727,7 @@ The traversal looks like:</p>
              group().by(ConnectedComponent.component).
              select(values).unfold()
 ==&gt;[v[D],v[E]]
-==&gt;[v[C],v[B],v[A]]
+==&gt;[v[B],v[C],v[A]]
 ==&gt;[v[F]]</code></pre>
 </div>
 </div>
@@ -2762,10 +2762,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-1620678125-5" type="radio" name="radio-set-1620678125-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678125-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678125-6" type="radio" name="radio-set-1620678125-5" class="tab-selector-2" />
-  <label for="tab-1620678125-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252504-5" type="radio" name="radio-set-1626252504-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252504-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252504-6" type="radio" name="radio-set-1626252504-5" class="tab-selector-2" />
+  <label for="tab-1626252504-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2903,10 +2903,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-1620678160-1" type="radio" name="radio-set-1620678160-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678160-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678160-2" type="radio" name="radio-set-1620678160-1" class="tab-selector-2" />
-  <label for="tab-1620678160-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252542-1" type="radio" name="radio-set-1626252542-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252542-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252542-2" type="radio" name="radio-set-1626252542-1" class="tab-selector-2" />
+  <label for="tab-1626252542-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2980,10 +2980,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-1620678160-3" type="radio" name="radio-set-1620678160-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678160-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678160-4" type="radio" name="radio-set-1620678160-3" class="tab-selector-2" />
-  <label for="tab-1620678160-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252542-3" type="radio" name="radio-set-1626252542-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252542-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252542-4" type="radio" name="radio-set-1626252542-3" class="tab-selector-2" />
+  <label for="tab-1626252542-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3046,10 +3046,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-1620678160-5" type="radio" name="radio-set-1620678160-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678160-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678160-6" type="radio" name="radio-set-1620678160-5" class="tab-selector-2" />
-  <label for="tab-1620678160-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252542-5" type="radio" name="radio-set-1626252542-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252542-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252542-6" type="radio" name="radio-set-1626252542-5" class="tab-selector-2" />
+  <label for="tab-1626252542-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3087,10 +3087,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-1620678160-7" type="radio" name="radio-set-1620678160-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678160-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678160-8" type="radio" name="radio-set-1620678160-7" class="tab-selector-2" />
-  <label for="tab-1620678160-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252542-7" type="radio" name="radio-set-1626252542-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252542-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252542-8" type="radio" name="radio-set-1626252542-7" class="tab-selector-2" />
+  <label for="tab-1626252542-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3172,10 +3172,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-1620678160-9" type="radio" name="radio-set-1620678160-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678160-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678160-10" type="radio" name="radio-set-1620678160-9" class="tab-selector-2" />
-  <label for="tab-1620678160-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626252542-9" type="radio" name="radio-set-1626252542-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252542-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252542-10" type="radio" name="radio-set-1626252542-9" class="tab-selector-2" />
+  <label for="tab-1626252542-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3225,10 +3225,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-1620678205-1" type="radio" name="radio-set-1620678205-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678205-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678205-2" type="radio" name="radio-set-1620678205-1" class="tab-selector-2" />
-  <label for="tab-1620678205-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252590-1" type="radio" name="radio-set-1626252590-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252590-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252590-2" type="radio" name="radio-set-1626252590-1" class="tab-selector-2" />
+  <label for="tab-1626252590-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3256,10 +3256,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-1620678205-3" type="radio" name="radio-set-1620678205-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678205-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678205-4" type="radio" name="radio-set-1620678205-3" class="tab-selector-2" />
-  <label for="tab-1620678205-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252590-3" type="radio" name="radio-set-1626252590-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252590-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252590-4" type="radio" name="radio-set-1626252590-3" class="tab-selector-2" />
+  <label for="tab-1626252590-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3322,10 +3322,10 @@ contain  duplicate.</p>
 that uses less memory might look like this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678205-5" type="radio" name="radio-set-1620678205-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678205-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678205-6" type="radio" name="radio-set-1620678205-5" class="tab-selector-2" />
-  <label for="tab-1620678205-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252590-5" type="radio" name="radio-set-1626252590-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252590-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252590-6" type="radio" name="radio-set-1626252590-5" class="tab-selector-2" />
+  <label for="tab-1626252590-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3394,10 +3394,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-1620678205-7" type="radio" name="radio-set-1620678205-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678205-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678205-8" type="radio" name="radio-set-1620678205-7" class="tab-selector-2" />
-  <label for="tab-1620678205-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252590-7" type="radio" name="radio-set-1626252590-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252590-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252590-8" type="radio" name="radio-set-1626252590-7" class="tab-selector-2" />
+  <label for="tab-1626252590-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3446,10 +3446,10 @@ The previous examples invoke traversal s
 as a performance optimization.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678205-9" type="radio" name="radio-set-1620678205-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678205-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678205-10" type="radio" name="radio-set-1620678205-9" class="tab-selector-2" />
-  <label for="tab-1620678205-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626252590-9" type="radio" name="radio-set-1626252590-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252590-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252590-10" type="radio" name="radio-set-1626252590-9" class="tab-selector-2" />
+  <label for="tab-1626252590-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3505,10 +3505,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-1620678205-11" type="radio" name="radio-set-1620678205-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678205-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678205-12" type="radio" name="radio-set-1620678205-11" class="tab-selector-2" />
-  <label for="tab-1620678205-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626252590-11" type="radio" name="radio-set-1626252590-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252590-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252590-12" type="radio" name="radio-set-1626252590-11" class="tab-selector-2" />
+  <label for="tab-1626252590-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3539,10 +3539,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-1620678205-13" type="radio" name="radio-set-1620678205-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678205-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678205-14" type="radio" name="radio-set-1620678205-13" class="tab-selector-2" />
-  <label for="tab-1620678205-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626252590-13" type="radio" name="radio-set-1626252590-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252590-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252590-14" type="radio" name="radio-set-1626252590-13" class="tab-selector-2" />
+  <label for="tab-1626252590-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3592,10 +3592,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-1620678258-1" type="radio" name="radio-set-1620678258-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678258-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678258-2" type="radio" name="radio-set-1620678258-1" class="tab-selector-2" />
-  <label for="tab-1620678258-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252646-1" type="radio" name="radio-set-1626252646-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252646-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252646-2" type="radio" name="radio-set-1626252646-1" class="tab-selector-2" />
+  <label for="tab-1626252646-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3641,10 +3641,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-1620678258-3" type="radio" name="radio-set-1620678258-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678258-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678258-4" type="radio" name="radio-set-1620678258-3" class="tab-selector-2" />
-  <label for="tab-1620678258-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252646-3" type="radio" name="radio-set-1626252646-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252646-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252646-4" type="radio" name="radio-set-1626252646-3" class="tab-selector-2" />
+  <label for="tab-1626252646-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3693,10 +3693,10 @@ be created with the same properties and
 follows:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678278-1" type="radio" name="radio-set-1620678278-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678278-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678278-2" type="radio" name="radio-set-1620678278-1" class="tab-selector-2" />
-  <label for="tab-1620678278-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252669-1" type="radio" name="radio-set-1626252669-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252669-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252669-2" type="radio" name="radio-set-1626252669-1" class="tab-selector-2" />
+  <label for="tab-1626252669-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3728,10 +3728,10 @@ follows:</p>
 the "peter" vertex in a single traversal:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678278-3" type="radio" name="radio-set-1620678278-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678278-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678278-4" type="radio" name="radio-set-1620678278-3" class="tab-selector-2" />
-  <label for="tab-1620678278-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252669-3" type="radio" name="radio-set-1626252669-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252669-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252669-4" type="radio" name="radio-set-1626252669-3" class="tab-selector-2" />
+  <label for="tab-1626252669-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3802,10 +3802,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-1620678300-1" type="radio" name="radio-set-1620678300-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678300-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678300-2" type="radio" name="radio-set-1620678300-1" class="tab-selector-2" />
-  <label for="tab-1620678300-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252693-1" type="radio" name="radio-set-1626252693-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252693-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252693-2" type="radio" name="radio-set-1626252693-1" class="tab-selector-2" />
+  <label for="tab-1626252693-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3836,10 +3836,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-1620678300-3" type="radio" name="radio-set-1620678300-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678300-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678300-4" type="radio" name="radio-set-1620678300-3" class="tab-selector-2" />
-  <label for="tab-1620678300-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252693-3" type="radio" name="radio-set-1626252693-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252693-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252693-4" type="radio" name="radio-set-1626252693-3" class="tab-selector-2" />
+  <label for="tab-1626252693-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3894,10 +3894,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-1620678300-5" type="radio" name="radio-set-1620678300-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678300-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678300-6" type="radio" name="radio-set-1620678300-5" class="tab-selector-2" />
-  <label for="tab-1620678300-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252693-5" type="radio" name="radio-set-1626252693-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252693-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252693-6" type="radio" name="radio-set-1626252693-5" class="tab-selector-2" />
+  <label for="tab-1626252693-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3959,10 +3959,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-1620678300-7" type="radio" name="radio-set-1620678300-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678300-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678300-8" type="radio" name="radio-set-1620678300-7" class="tab-selector-2" />
-  <label for="tab-1620678300-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252693-7" type="radio" name="radio-set-1626252693-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252693-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252693-8" type="radio" name="radio-set-1626252693-7" class="tab-selector-2" />
+  <label for="tab-1626252693-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4003,10 +4003,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-1620678336-1" type="radio" name="radio-set-1620678336-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678336-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678336-2" type="radio" name="radio-set-1620678336-1" class="tab-selector-2" />
-  <label for="tab-1620678336-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252731-1" type="radio" name="radio-set-1626252731-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252731-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252731-2" type="radio" name="radio-set-1626252731-1" class="tab-selector-2" />
+  <label for="tab-1626252731-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4034,10 +4034,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-1620678336-3" type="radio" name="radio-set-1620678336-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678336-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678336-4" type="radio" name="radio-set-1620678336-3" class="tab-selector-2" />
-  <label for="tab-1620678336-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252731-3" type="radio" name="radio-set-1626252731-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252731-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252731-4" type="radio" name="radio-set-1626252731-3" class="tab-selector-2" />
+  <label for="tab-1626252731-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4089,10 +4089,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-1620678336-5" type="radio" name="radio-set-1620678336-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678336-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678336-6" type="radio" name="radio-set-1620678336-5" class="tab-selector-2" />
-  <label for="tab-1620678336-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252731-5" type="radio" name="radio-set-1626252731-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252731-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252731-6" type="radio" name="radio-set-1626252731-5" class="tab-selector-2" />
+  <label for="tab-1626252731-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4136,10 +4136,10 @@ there is another option to consider with
 <p><span class="image right"><img src="../images/tree-lca.png" alt="tree lca" width="230"></span> The following examples will use this graph depicted here:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-1" type="radio" name="radio-set-1620678364-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-2" type="radio" name="radio-set-1620678364-1" class="tab-selector-2" />
-  <label for="tab-1620678364-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-1" type="radio" name="radio-set-1626252760-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-2" type="radio" name="radio-set-1626252760-1" class="tab-selector-2" />
+  <label for="tab-1626252760-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4193,10 +4193,10 @@ start at vertex A and loop through all o
 completed 3 loops.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-3" type="radio" name="radio-set-1620678364-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-4" type="radio" name="radio-set-1620678364-3" class="tab-selector-2" />
-  <label for="tab-1620678364-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-3" type="radio" name="radio-set-1626252760-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-4" type="radio" name="radio-set-1626252760-3" class="tab-selector-2" />
+  <label for="tab-1626252760-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4229,10 +4229,10 @@ to be vertex G, we will see that this tr
 exit based on reaching the maximum number of loops (3).</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-5" type="radio" name="radio-set-1620678364-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-6" type="radio" name="radio-set-1620678364-5" class="tab-selector-2" />
-  <label for="tab-1620678364-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-5" type="radio" name="radio-set-1626252760-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-6" type="radio" name="radio-set-1626252760-5" class="tab-selector-2" />
+  <label for="tab-1626252760-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4275,10 +4275,10 @@ several different recipes for accomplish
 <p>If the desired output is to get each vertex and its associated depth this can be accomplished using this traversal.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-7" type="radio" name="radio-set-1620678364-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-8" type="radio" name="radio-set-1620678364-7" class="tab-selector-2" />
-  <label for="tab-1620678364-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-7" type="radio" name="radio-set-1626252760-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-8" type="radio" name="radio-set-1626252760-7" class="tab-selector-2" />
+  <label for="tab-1626252760-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4321,10 +4321,10 @@ several different recipes for accomplish
 this can be accomplished with this traversal.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-9" type="radio" name="radio-set-1620678364-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-10" type="radio" name="radio-set-1620678364-9" class="tab-selector-2" />
-  <label for="tab-1620678364-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-9" type="radio" name="radio-set-1626252760-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-10" type="radio" name="radio-set-1626252760-9" class="tab-selector-2" />
+  <label for="tab-1626252760-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4370,10 +4370,10 @@ be accomplished.</p>
 in the <code>until()</code> checking for a vertex with a degree of zero.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-11" type="radio" name="radio-set-1620678364-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-12" type="radio" name="radio-set-1620678364-11" class="tab-selector-2" />
-  <label for="tab-1620678364-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-11" type="radio" name="radio-set-1626252760-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-12" type="radio" name="radio-set-1626252760-11" class="tab-selector-2" />
+  <label for="tab-1626252760-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4404,10 +4404,10 @@ within a <code>repeat().times()</code> l
 up to a maximum of 5 times.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-13" type="radio" name="radio-set-1620678364-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-14" type="radio" name="radio-set-1620678364-13" class="tab-selector-2" />
-  <label for="tab-1620678364-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-13" type="radio" name="radio-set-1626252760-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-14" type="radio" name="radio-set-1626252760-13" class="tab-selector-2" />
+  <label for="tab-1626252760-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4434,10 +4434,10 @@ For example, we can first use a more tra
 edges two times, and then traverse <code>out()</code> edges up to five times.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678364-15" type="radio" name="radio-set-1620678364-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678364-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678364-16" type="radio" name="radio-set-1620678364-15" class="tab-selector-2" />
-  <label for="tab-1620678364-16" class="tab-label-2">groovy</label>
+  <input id="tab-1626252760-15" type="radio" name="radio-set-1626252760-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252760-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252760-16" type="radio" name="radio-set-1626252760-15" class="tab-selector-2" />
+  <label for="tab-1626252760-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4472,10 +4472,10 @@ the number of elements being dropped fro
 "modern" graph.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678418-1" type="radio" name="radio-set-1620678418-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678418-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678418-2" type="radio" name="radio-set-1620678418-1" class="tab-selector-2" />
-  <label for="tab-1620678418-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252816-1" type="radio" name="radio-set-1626252816-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252816-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252816-2" type="radio" name="radio-set-1626252816-1" class="tab-selector-2" />
+  <label for="tab-1626252816-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4535,10 +4535,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-1620678433-1" type="radio" name="radio-set-1620678433-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678433-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678433-2" type="radio" name="radio-set-1620678433-1" class="tab-selector-2" />
-  <label for="tab-1620678433-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252834-1" type="radio" name="radio-set-1626252834-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252834-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252834-2" type="radio" name="radio-set-1626252834-1" class="tab-selector-2" />
+  <label for="tab-1626252834-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4604,10 +4604,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-1620678433-3" type="radio" name="radio-set-1620678433-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678433-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678433-4" type="radio" name="radio-set-1620678433-3" class="tab-selector-2" />
-  <label for="tab-1620678433-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252834-3" type="radio" name="radio-set-1626252834-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252834-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252834-4" type="radio" name="radio-set-1626252834-3" class="tab-selector-2" />
+  <label for="tab-1626252834-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4657,10 +4657,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-1620678433-5" type="radio" name="radio-set-1620678433-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678433-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678433-6" type="radio" name="radio-set-1620678433-5" class="tab-selector-2" />
-  <label for="tab-1620678433-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252834-5" type="radio" name="radio-set-1626252834-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252834-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252834-6" type="radio" name="radio-set-1626252834-5" class="tab-selector-2" />
+  <label for="tab-1626252834-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4724,10 +4724,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-1620678463-1" type="radio" name="radio-set-1620678463-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-2" type="radio" name="radio-set-1620678463-1" class="tab-selector-2" />
-  <label for="tab-1620678463-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-1" type="radio" name="radio-set-1626252866-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-2" type="radio" name="radio-set-1626252866-1" class="tab-selector-2" />
+  <label for="tab-1626252866-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4805,10 +4805,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-1620678463-3" type="radio" name="radio-set-1620678463-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-4" type="radio" name="radio-set-1620678463-3" class="tab-selector-2" />
-  <label for="tab-1620678463-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-3" type="radio" name="radio-set-1626252866-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-4" type="radio" name="radio-set-1626252866-3" class="tab-selector-2" />
+  <label for="tab-1626252866-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4845,10 +4845,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-1620678463-5" type="radio" name="radio-set-1620678463-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-6" type="radio" name="radio-set-1620678463-5" class="tab-selector-2" />
-  <label for="tab-1620678463-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-5" type="radio" name="radio-set-1626252866-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-6" type="radio" name="radio-set-1626252866-5" class="tab-selector-2" />
+  <label for="tab-1626252866-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4878,10 +4878,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-1620678463-7" type="radio" name="radio-set-1620678463-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-8" type="radio" name="radio-set-1620678463-7" class="tab-selector-2" />
-  <label for="tab-1620678463-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-7" type="radio" name="radio-set-1626252866-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-8" type="radio" name="radio-set-1626252866-7" class="tab-selector-2" />
+  <label for="tab-1626252866-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4922,10 +4922,10 @@ interest is in what individuals other th
 they bought:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678463-9" type="radio" name="radio-set-1620678463-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-10" type="radio" name="radio-set-1620678463-9" class="tab-selector-2" />
-  <label for="tab-1620678463-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-9" type="radio" name="radio-set-1626252866-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-10" type="radio" name="radio-set-1626252866-9" class="tab-selector-2" />
+  <label for="tab-1626252866-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4972,10 +4972,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-1620678463-11" type="radio" name="radio-set-1620678463-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-12" type="radio" name="radio-set-1620678463-11" class="tab-selector-2" />
-  <label for="tab-1620678463-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-11" type="radio" name="radio-set-1626252866-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-12" type="radio" name="radio-set-1626252866-11" class="tab-selector-2" />
+  <label for="tab-1626252866-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5016,10 +5016,10 @@ that she already owns. Those products sh
 purposes) to form a ranking:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678463-13" type="radio" name="radio-set-1620678463-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-14" type="radio" name="radio-set-1620678463-13" class="tab-selector-2" />
-  <label for="tab-1620678463-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-13" type="radio" name="radio-set-1626252866-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-14" type="radio" name="radio-set-1626252866-13" class="tab-selector-2" />
+  <label for="tab-1626252866-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5082,10 +5082,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-1620678463-15" type="radio" name="radio-set-1620678463-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-16" type="radio" name="radio-set-1620678463-15" class="tab-selector-2" />
-  <label for="tab-1620678463-16" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-15" type="radio" name="radio-set-1626252866-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-16" type="radio" name="radio-set-1626252866-15" class="tab-selector-2" />
+  <label for="tab-1626252866-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5117,10 +5117,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-1620678463-17" type="radio" name="radio-set-1620678463-17" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-18" type="radio" name="radio-set-1620678463-17" class="tab-selector-2" />
-  <label for="tab-1620678463-18" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-17" type="radio" name="radio-set-1626252866-17" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-18" type="radio" name="radio-set-1626252866-17" class="tab-selector-2" />
+  <label for="tab-1626252866-18" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5156,10 +5156,10 @@ who have at least one product in common:
 that maximum:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678463-19" type="radio" name="radio-set-1620678463-19" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-20" type="radio" name="radio-set-1620678463-19" class="tab-selector-2" />
-  <label for="tab-1620678463-20" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-19" type="radio" name="radio-set-1626252866-19" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-20" type="radio" name="radio-set-1626252866-19" class="tab-selector-2" />
+  <label for="tab-1626252866-20" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5201,10 +5201,10 @@ that maximum:</p>
 common:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678463-21" type="radio" name="radio-set-1620678463-21" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-22" type="radio" name="radio-set-1620678463-21" class="tab-selector-2" />
-  <label for="tab-1620678463-22" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-21" type="radio" name="radio-set-1626252866-21" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-22" type="radio" name="radio-set-1626252866-21" class="tab-selector-2" />
+  <label for="tab-1626252866-22" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5251,10 +5251,10 @@ common:</p>
 purchased:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678463-23" type="radio" name="radio-set-1620678463-23" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-24" type="radio" name="radio-set-1620678463-23" class="tab-selector-2" />
-  <label for="tab-1620678463-24" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-23" type="radio" name="radio-set-1626252866-23" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-24" type="radio" name="radio-set-1626252866-23" class="tab-selector-2" />
+  <label for="tab-1626252866-24" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5304,10 +5304,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-1620678463-25" type="radio" name="radio-set-1620678463-25" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-26" type="radio" name="radio-set-1620678463-25" class="tab-selector-2" />
-  <label for="tab-1620678463-26" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-25" type="radio" name="radio-set-1626252866-25" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-26" type="radio" name="radio-set-1626252866-25" class="tab-selector-2" />
+  <label for="tab-1626252866-26" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5367,10 +5367,10 @@ purchased:</p>
 recommendation algorithm:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678463-27" type="radio" name="radio-set-1620678463-27" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-28" type="radio" name="radio-set-1620678463-27" class="tab-selector-2" />
-  <label for="tab-1620678463-28" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-27" type="radio" name="radio-set-1626252866-27" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-28" type="radio" name="radio-set-1626252866-27" class="tab-selector-2" />
+  <label for="tab-1626252866-28" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5417,10 +5417,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-1620678463-29" type="radio" name="radio-set-1620678463-29" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678463-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678463-30" type="radio" name="radio-set-1620678463-29" class="tab-selector-2" />
-  <label for="tab-1620678463-30" class="tab-label-2">groovy</label>
+  <input id="tab-1626252866-29" type="radio" name="radio-set-1626252866-29" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252866-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252866-30" type="radio" name="radio-set-1626252866-29" class="tab-selector-2" />
+  <label for="tab-1626252866-30" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5474,10 +5474,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-1620678562-1" type="radio" name="radio-set-1620678562-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678562-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678562-2" type="radio" name="radio-set-1620678562-1" class="tab-selector-2" />
-  <label for="tab-1620678562-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626252967-1" type="radio" name="radio-set-1626252967-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252967-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252967-2" type="radio" name="radio-set-1626252967-1" class="tab-selector-2" />
+  <label for="tab-1626252967-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5549,10 +5549,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-1620678562-3" type="radio" name="radio-set-1620678562-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678562-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678562-4" type="radio" name="radio-set-1620678562-3" class="tab-selector-2" />
-  <label for="tab-1620678562-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626252967-3" type="radio" name="radio-set-1626252967-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252967-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252967-4" type="radio" name="radio-set-1626252967-3" class="tab-selector-2" />
+  <label for="tab-1626252967-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5586,10 +5586,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-1620678562-5" type="radio" name="radio-set-1620678562-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678562-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678562-6" type="radio" name="radio-set-1620678562-5" class="tab-selector-2" />
-  <label for="tab-1620678562-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626252967-5" type="radio" name="radio-set-1626252967-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252967-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252967-6" type="radio" name="radio-set-1626252967-5" class="tab-selector-2" />
+  <label for="tab-1626252967-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5691,10 +5691,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-1620678562-7" type="radio" name="radio-set-1620678562-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678562-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678562-8" type="radio" name="radio-set-1620678562-7" class="tab-selector-2" />
-  <label for="tab-1620678562-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626252967-7" type="radio" name="radio-set-1626252967-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252967-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252967-8" type="radio" name="radio-set-1626252967-7" class="tab-selector-2" />
+  <label for="tab-1626252967-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5729,10 +5729,10 @@ g.V(<span class="integer">1</span>).shor
 in the modern toy graph.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678562-9" type="radio" name="radio-set-1620678562-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678562-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678562-10" type="radio" name="radio-set-1620678562-9" class="tab-selector-2" />
-  <label for="tab-1620678562-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626252967-9" type="radio" name="radio-set-1626252967-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252967-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252967-10" type="radio" name="radio-set-1626252967-9" class="tab-selector-2" />
+  <label for="tab-1626252967-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5847,10 +5847,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-1620678562-11" type="radio" name="radio-set-1620678562-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678562-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678562-12" type="radio" name="radio-set-1620678562-11" class="tab-selector-2" />
-  <label for="tab-1620678562-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626252967-11" type="radio" name="radio-set-1626252967-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252967-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252967-12" type="radio" name="radio-set-1626252967-11" class="tab-selector-2" />
+  <label for="tab-1626252967-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5930,10 +5930,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-1620678562-13" type="radio" name="radio-set-1620678562-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678562-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678562-14" type="radio" name="radio-set-1620678562-13" class="tab-selector-2" />
-  <label for="tab-1620678562-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626252967-13" type="radio" name="radio-set-1626252967-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626252967-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626252967-14" type="radio" name="radio-set-1626252967-13" class="tab-selector-2" />
+  <label for="tab-1626252967-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -6024,10 +6024,10 @@ shortest paths can be passed back into t
 arguments.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620678620-1" type="radio" name="radio-set-1620678620-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1620678620-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620678620-2" type="radio" name="radio-set-1620678620-1" class="tab-selector-2" />
-  <label for="tab-1620678620-2" class="tab-label-2">groovy</label>

[... 932 lines stripped ...]