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/21 13:38:38 UTC

svn commit: r1891703 [2/5] - in /tinkerpop/site: docs/3.5.1/dev/provider/ docs/3.5.1/recipes/ docs/3.5.1/reference/ docs/3.5.1/tutorials/getting-started/ docs/3.5.1/tutorials/gremlins-anatomy/ docs/3.5.1/tutorials/the-gremlin-console/ jsdocs/3.5.1/

Modified: tinkerpop/site/docs/3.5.1/recipes/index.html
URL: http://svn.apache.org/viewvc/tinkerpop/site/docs/3.5.1/recipes/index.html?rev=1891703&r1=1891702&r2=1891703&view=diff
==============================================================================
--- tinkerpop/site/docs/3.5.1/recipes/index.html (original)
+++ tinkerpop/site/docs/3.5.1/recipes/index.html Wed Jul 21 13:38:37 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-1626849578-1" type="radio" name="radio-set-1626849578-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849578-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849578-2" type="radio" name="radio-set-1626849578-1" class="tab-selector-2" />
-  <label for="tab-1626849578-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869035-1" type="radio" name="radio-set-1626869035-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869035-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869035-2" type="radio" name="radio-set-1626869035-1" class="tab-selector-2" />
+  <label for="tab-1626869035-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-1626849578-3" type="radio" name="radio-set-1626849578-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849578-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849578-4" type="radio" name="radio-set-1626849578-3" class="tab-selector-2" />
-  <label for="tab-1626849578-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869035-3" type="radio" name="radio-set-1626869035-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869035-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869035-4" type="radio" name="radio-set-1626869035-3" class="tab-selector-2" />
+  <label for="tab-1626869035-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-1626849578-5" type="radio" name="radio-set-1626849578-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849578-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849578-6" type="radio" name="radio-set-1626849578-5" class="tab-selector-2" />
-  <label for="tab-1626849578-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869035-5" type="radio" name="radio-set-1626869035-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869035-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869035-6" type="radio" name="radio-set-1626869035-5" class="tab-selector-2" />
+  <label for="tab-1626869035-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-1626849621-1" type="radio" name="radio-set-1626849621-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849621-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849621-2" type="radio" name="radio-set-1626849621-1" class="tab-selector-2" />
-  <label for="tab-1626849621-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869072-1" type="radio" name="radio-set-1626869072-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869072-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869072-2" type="radio" name="radio-set-1626869072-1" class="tab-selector-2" />
+  <label for="tab-1626869072-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-1626849621-3" type="radio" name="radio-set-1626849621-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849621-3" class="tab-label-1">console (groovy )</label>
-  <input id="tab-1626849621-4" type="radio" name="radio-set-1626849621-3" class="tab-selector-2" />
-  <label for="tab-1626849621-4" class="tab-label-2">groovy </label>
+  <input id="tab-1626869072-3" type="radio" name="radio-set-1626869072-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869072-3" class="tab-label-1">console (groovy )</label>
+  <input id="tab-1626869072-4" type="radio" name="radio-set-1626869072-3" class="tab-selector-2" />
+  <label for="tab-1626869072-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-1626849621-5" type="radio" name="radio-set-1626849621-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849621-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849621-6" type="radio" name="radio-set-1626849621-5" class="tab-selector-2" />
-  <label for="tab-1626849621-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869072-5" type="radio" name="radio-set-1626869072-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869072-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869072-6" type="radio" name="radio-set-1626869072-5" class="tab-selector-2" />
+  <label for="tab-1626869072-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-1626849621-7" type="radio" name="radio-set-1626849621-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849621-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849621-8" type="radio" name="radio-set-1626849621-7" class="tab-selector-2" />
-  <label for="tab-1626849621-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869072-7" type="radio" name="radio-set-1626869072-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869072-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869072-8" type="radio" name="radio-set-1626869072-7" class="tab-selector-2" />
+  <label for="tab-1626869072-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-1626849621-9" type="radio" name="radio-set-1626849621-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849621-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849621-10" type="radio" name="radio-set-1626849621-9" class="tab-selector-2" />
-  <label for="tab-1626849621-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626869072-9" type="radio" name="radio-set-1626869072-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869072-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869072-10" type="radio" name="radio-set-1626869072-9" class="tab-selector-2" />
+  <label for="tab-1626869072-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1619,11 +1619,11 @@ 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.30472009079122486</span>
 ==&gt;<span class="float">0.14598540152719103</span>
 ==&gt;<span class="float">0.14598540152719103</span>
-==&gt;<span class="float">0.30472009079122486</span>
+==&gt;<span class="float">0.11375510357865538</span>
+==&gt;<span class="float">0.11375510357865538</span>
 ==&gt;<span class="float">0.1757988989970823</span></code></pre>
 </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-1626849686-1" type="radio" name="radio-set-1626849686-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-2" type="radio" name="radio-set-1626849686-1" class="tab-selector-2" />
-  <label for="tab-1626849686-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-1" type="radio" name="radio-set-1626869127-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-2" type="radio" name="radio-set-1626869127-1" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-3" type="radio" name="radio-set-1626849686-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-4" type="radio" name="radio-set-1626849686-3" class="tab-selector-2" />
-  <label for="tab-1626849686-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-3" type="radio" name="radio-set-1626869127-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-4" type="radio" name="radio-set-1626869127-3" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-5" type="radio" name="radio-set-1626849686-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-6" type="radio" name="radio-set-1626849686-5" class="tab-selector-2" />
-  <label for="tab-1626849686-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-5" type="radio" name="radio-set-1626869127-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-6" type="radio" name="radio-set-1626869127-5" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-7" type="radio" name="radio-set-1626849686-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-8" type="radio" name="radio-set-1626849686-7" class="tab-selector-2" />
-  <label for="tab-1626849686-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-7" type="radio" name="radio-set-1626869127-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-8" type="radio" name="radio-set-1626869127-7" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-9" type="radio" name="radio-set-1626849686-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-10" type="radio" name="radio-set-1626849686-9" class="tab-selector-2" />
-  <label for="tab-1626849686-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-9" type="radio" name="radio-set-1626869127-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-10" type="radio" name="radio-set-1626869127-9" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-11" type="radio" name="radio-set-1626849686-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-12" type="radio" name="radio-set-1626849686-11" class="tab-selector-2" />
-  <label for="tab-1626849686-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-11" type="radio" name="radio-set-1626869127-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-12" type="radio" name="radio-set-1626869127-11" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-13" type="radio" name="radio-set-1626849686-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-14" type="radio" name="radio-set-1626849686-13" class="tab-selector-2" />
-  <label for="tab-1626849686-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-13" type="radio" name="radio-set-1626869127-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-14" type="radio" name="radio-set-1626869127-13" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-15" type="radio" name="radio-set-1626849686-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-16" type="radio" name="radio-set-1626849686-15" class="tab-selector-2" />
-  <label for="tab-1626849686-16" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-15" type="radio" name="radio-set-1626869127-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-16" type="radio" name="radio-set-1626869127-15" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-17" type="radio" name="radio-set-1626849686-17" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-18" type="radio" name="radio-set-1626849686-17" class="tab-selector-2" />
-  <label for="tab-1626849686-18" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-17" type="radio" name="radio-set-1626869127-17" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-18" type="radio" name="radio-set-1626869127-17" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-19" type="radio" name="radio-set-1626849686-19" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-20" type="radio" name="radio-set-1626849686-19" class="tab-selector-2" />
-  <label for="tab-1626849686-20" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-19" type="radio" name="radio-set-1626869127-19" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-20" type="radio" name="radio-set-1626869127-19" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-21" type="radio" name="radio-set-1626849686-21" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-22" type="radio" name="radio-set-1626849686-21" class="tab-selector-2" />
-  <label for="tab-1626849686-22" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-21" type="radio" name="radio-set-1626869127-21" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-22" type="radio" name="radio-set-1626869127-21" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-23" type="radio" name="radio-set-1626849686-23" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-24" type="radio" name="radio-set-1626849686-23" class="tab-selector-2" />
-  <label for="tab-1626849686-24" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-23" type="radio" name="radio-set-1626869127-23" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-24" type="radio" name="radio-set-1626869127-23" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-25" type="radio" name="radio-set-1626849686-25" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-26" type="radio" name="radio-set-1626849686-25" class="tab-selector-2" />
-  <label for="tab-1626849686-26" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-25" type="radio" name="radio-set-1626869127-25" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-26" type="radio" name="radio-set-1626869127-25" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-27" type="radio" name="radio-set-1626849686-27" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-28" type="radio" name="radio-set-1626849686-27" class="tab-selector-2" />
-  <label for="tab-1626849686-28" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-27" type="radio" name="radio-set-1626869127-27" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-28" type="radio" name="radio-set-1626869127-27" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-29" type="radio" name="radio-set-1626849686-29" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-30" type="radio" name="radio-set-1626849686-29" class="tab-selector-2" />
-  <label for="tab-1626849686-30" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-29" type="radio" name="radio-set-1626869127-29" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-30" type="radio" name="radio-set-1626869127-29" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-31" type="radio" name="radio-set-1626849686-31" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-31" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-32" type="radio" name="radio-set-1626849686-31" class="tab-selector-2" />
-  <label for="tab-1626849686-32" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-31" type="radio" name="radio-set-1626869127-31" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-31" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-32" type="radio" name="radio-set-1626869127-31" class="tab-selector-2" />
+  <label for="tab-1626869127-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-1626849686-33" type="radio" name="radio-set-1626849686-33" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-33" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-34" type="radio" name="radio-set-1626849686-33" class="tab-selector-2" />
-  <label for="tab-1626849686-34" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-33" type="radio" name="radio-set-1626869127-33" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-33" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-34" type="radio" name="radio-set-1626869127-33" class="tab-selector-2" />
+  <label for="tab-1626869127-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">degree</span>:<span class="integer">3</span>,<span class="key">label</span>:person,<span class="key">name</span>:marko,<span class="key">id</span>:<span class="integer">1</span>,<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-1626849686-35" type="radio" name="radio-set-1626849686-35" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849686-35" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849686-36" type="radio" name="radio-set-1626849686-35" class="tab-selector-2" />
-  <label for="tab-1626849686-36" class="tab-label-2">groovy</label>
+  <input id="tab-1626869127-35" type="radio" name="radio-set-1626869127-35" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869127-35" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869127-36" type="radio" name="radio-set-1626869127-35" class="tab-selector-2" />
+  <label for="tab-1626869127-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">label</span>:person,<span class="key">name</span>:marko,<span class="key">id</span>:<span class="integer">1</span>,<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-1626849850-1" type="radio" name="radio-set-1626849850-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849850-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849850-2" type="radio" name="radio-set-1626849850-1" class="tab-selector-2" />
-  <label for="tab-1626849850-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869267-1" type="radio" name="radio-set-1626869267-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869267-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869267-2" type="radio" name="radio-set-1626869267-1" class="tab-selector-2" />
+  <label for="tab-1626869267-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-1626849850-3" type="radio" name="radio-set-1626849850-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849850-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849850-4" type="radio" name="radio-set-1626849850-3" class="tab-selector-2" />
-  <label for="tab-1626849850-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869267-3" type="radio" name="radio-set-1626869267-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869267-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869267-4" type="radio" name="radio-set-1626869267-3" class="tab-selector-2" />
+  <label for="tab-1626869267-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[A],v[B],v[C]]
+==&gt;[v[B],v[A],v[C]]
 ==&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-1626849850-5" type="radio" name="radio-set-1626849850-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849850-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849850-6" type="radio" name="radio-set-1626849850-5" class="tab-selector-2" />
-  <label for="tab-1626849850-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869267-5" type="radio" name="radio-set-1626869267-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869267-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869267-6" type="radio" name="radio-set-1626869267-5" class="tab-selector-2" />
+  <label for="tab-1626869267-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-1626849893-1" type="radio" name="radio-set-1626849893-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849893-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849893-2" type="radio" name="radio-set-1626849893-1" class="tab-selector-2" />
-  <label for="tab-1626849893-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869304-1" type="radio" name="radio-set-1626869304-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869304-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869304-2" type="radio" name="radio-set-1626869304-1" class="tab-selector-2" />
+  <label for="tab-1626869304-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-1626849893-3" type="radio" name="radio-set-1626849893-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849893-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849893-4" type="radio" name="radio-set-1626849893-3" class="tab-selector-2" />
-  <label for="tab-1626849893-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869304-3" type="radio" name="radio-set-1626869304-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869304-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869304-4" type="radio" name="radio-set-1626869304-3" class="tab-selector-2" />
+  <label for="tab-1626869304-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-1626849893-5" type="radio" name="radio-set-1626849893-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849893-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849893-6" type="radio" name="radio-set-1626849893-5" class="tab-selector-2" />
-  <label for="tab-1626849893-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869304-5" type="radio" name="radio-set-1626869304-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869304-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869304-6" type="radio" name="radio-set-1626869304-5" class="tab-selector-2" />
+  <label for="tab-1626869304-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-1626849893-7" type="radio" name="radio-set-1626849893-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849893-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849893-8" type="radio" name="radio-set-1626849893-7" class="tab-selector-2" />
-  <label for="tab-1626849893-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869304-7" type="radio" name="radio-set-1626869304-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869304-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869304-8" type="radio" name="radio-set-1626869304-7" class="tab-selector-2" />
+  <label for="tab-1626869304-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-1626849893-9" type="radio" name="radio-set-1626849893-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849893-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849893-10" type="radio" name="radio-set-1626849893-9" class="tab-selector-2" />
-  <label for="tab-1626849893-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626869304-9" type="radio" name="radio-set-1626869304-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869304-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869304-10" type="radio" name="radio-set-1626869304-9" class="tab-selector-2" />
+  <label for="tab-1626869304-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-1626849948-1" type="radio" name="radio-set-1626849948-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849948-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849948-2" type="radio" name="radio-set-1626849948-1" class="tab-selector-2" />
-  <label for="tab-1626849948-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869351-1" type="radio" name="radio-set-1626869351-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869351-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869351-2" type="radio" name="radio-set-1626869351-1" class="tab-selector-2" />
+  <label for="tab-1626869351-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-1626849948-3" type="radio" name="radio-set-1626849948-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849948-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849948-4" type="radio" name="radio-set-1626849948-3" class="tab-selector-2" />
-  <label for="tab-1626849948-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869351-3" type="radio" name="radio-set-1626869351-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869351-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869351-4" type="radio" name="radio-set-1626869351-3" class="tab-selector-2" />
+  <label for="tab-1626869351-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-1626849948-5" type="radio" name="radio-set-1626849948-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849948-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849948-6" type="radio" name="radio-set-1626849948-5" class="tab-selector-2" />
-  <label for="tab-1626849948-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869351-5" type="radio" name="radio-set-1626869351-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869351-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869351-6" type="radio" name="radio-set-1626869351-5" class="tab-selector-2" />
+  <label for="tab-1626869351-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-1626849948-7" type="radio" name="radio-set-1626849948-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849948-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849948-8" type="radio" name="radio-set-1626849948-7" class="tab-selector-2" />
-  <label for="tab-1626849948-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869351-7" type="radio" name="radio-set-1626869351-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869351-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869351-8" type="radio" name="radio-set-1626869351-7" class="tab-selector-2" />
+  <label for="tab-1626869351-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-1626849948-9" type="radio" name="radio-set-1626849948-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849948-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849948-10" type="radio" name="radio-set-1626849948-9" class="tab-selector-2" />
-  <label for="tab-1626849948-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626869351-9" type="radio" name="radio-set-1626869351-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869351-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869351-10" type="radio" name="radio-set-1626869351-9" class="tab-selector-2" />
+  <label for="tab-1626869351-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-1626849948-11" type="radio" name="radio-set-1626849948-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849948-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849948-12" type="radio" name="radio-set-1626849948-11" class="tab-selector-2" />
-  <label for="tab-1626849948-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626869351-11" type="radio" name="radio-set-1626869351-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869351-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869351-12" type="radio" name="radio-set-1626869351-11" class="tab-selector-2" />
+  <label for="tab-1626869351-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-1626849948-13" type="radio" name="radio-set-1626849948-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626849948-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626849948-14" type="radio" name="radio-set-1626849948-13" class="tab-selector-2" />
-  <label for="tab-1626849948-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626869351-13" type="radio" name="radio-set-1626869351-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869351-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869351-14" type="radio" name="radio-set-1626869351-13" class="tab-selector-2" />
+  <label for="tab-1626869351-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-1626850010-1" type="radio" name="radio-set-1626850010-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850010-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850010-2" type="radio" name="radio-set-1626850010-1" class="tab-selector-2" />
-  <label for="tab-1626850010-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869406-1" type="radio" name="radio-set-1626869406-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869406-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869406-2" type="radio" name="radio-set-1626869406-1" class="tab-selector-2" />
+  <label for="tab-1626869406-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-1626850010-3" type="radio" name="radio-set-1626850010-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850010-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850010-4" type="radio" name="radio-set-1626850010-3" class="tab-selector-2" />
-  <label for="tab-1626850010-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869406-3" type="radio" name="radio-set-1626869406-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869406-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869406-4" type="radio" name="radio-set-1626869406-3" class="tab-selector-2" />
+  <label for="tab-1626869406-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-1626850035-1" type="radio" name="radio-set-1626850035-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850035-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850035-2" type="radio" name="radio-set-1626850035-1" class="tab-selector-2" />
-  <label for="tab-1626850035-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869429-1" type="radio" name="radio-set-1626869429-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869429-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869429-2" type="radio" name="radio-set-1626869429-1" class="tab-selector-2" />
+  <label for="tab-1626869429-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-1626850035-3" type="radio" name="radio-set-1626850035-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850035-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850035-4" type="radio" name="radio-set-1626850035-3" class="tab-selector-2" />
-  <label for="tab-1626850035-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869429-3" type="radio" name="radio-set-1626869429-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869429-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869429-4" type="radio" name="radio-set-1626869429-3" class="tab-selector-2" />
+  <label for="tab-1626869429-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-1626850062-1" type="radio" name="radio-set-1626850062-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850062-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850062-2" type="radio" name="radio-set-1626850062-1" class="tab-selector-2" />
-  <label for="tab-1626850062-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869453-1" type="radio" name="radio-set-1626869453-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869453-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869453-2" type="radio" name="radio-set-1626869453-1" class="tab-selector-2" />
+  <label for="tab-1626869453-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-1626850062-3" type="radio" name="radio-set-1626850062-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850062-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850062-4" type="radio" name="radio-set-1626850062-3" class="tab-selector-2" />
-  <label for="tab-1626850062-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869453-3" type="radio" name="radio-set-1626869453-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869453-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869453-4" type="radio" name="radio-set-1626869453-3" class="tab-selector-2" />
+  <label for="tab-1626869453-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-1626850062-5" type="radio" name="radio-set-1626850062-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850062-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850062-6" type="radio" name="radio-set-1626850062-5" class="tab-selector-2" />
-  <label for="tab-1626850062-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869453-5" type="radio" name="radio-set-1626869453-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869453-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869453-6" type="radio" name="radio-set-1626869453-5" class="tab-selector-2" />
+  <label for="tab-1626869453-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-1626850062-7" type="radio" name="radio-set-1626850062-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850062-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850062-8" type="radio" name="radio-set-1626850062-7" class="tab-selector-2" />
-  <label for="tab-1626850062-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869453-7" type="radio" name="radio-set-1626869453-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869453-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869453-8" type="radio" name="radio-set-1626869453-7" class="tab-selector-2" />
+  <label for="tab-1626869453-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-1626850109-1" type="radio" name="radio-set-1626850109-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850109-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850109-2" type="radio" name="radio-set-1626850109-1" class="tab-selector-2" />
-  <label for="tab-1626850109-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869490-1" type="radio" name="radio-set-1626869490-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869490-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869490-2" type="radio" name="radio-set-1626869490-1" class="tab-selector-2" />
+  <label for="tab-1626869490-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-1626850109-3" type="radio" name="radio-set-1626850109-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850109-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850109-4" type="radio" name="radio-set-1626850109-3" class="tab-selector-2" />
-  <label for="tab-1626850109-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869490-3" type="radio" name="radio-set-1626869490-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869490-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869490-4" type="radio" name="radio-set-1626869490-3" class="tab-selector-2" />
+  <label for="tab-1626869490-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-1626850109-5" type="radio" name="radio-set-1626850109-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850109-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850109-6" type="radio" name="radio-set-1626850109-5" class="tab-selector-2" />
-  <label for="tab-1626850109-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869490-5" type="radio" name="radio-set-1626869490-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869490-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869490-6" type="radio" name="radio-set-1626869490-5" class="tab-selector-2" />
+  <label for="tab-1626869490-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-1626850144-1" type="radio" name="radio-set-1626850144-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-2" type="radio" name="radio-set-1626850144-1" class="tab-selector-2" />
-  <label for="tab-1626850144-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-1" type="radio" name="radio-set-1626869521-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-2" type="radio" name="radio-set-1626869521-1" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850144-3" type="radio" name="radio-set-1626850144-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-4" type="radio" name="radio-set-1626850144-3" class="tab-selector-2" />
-  <label for="tab-1626850144-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-3" type="radio" name="radio-set-1626869521-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-4" type="radio" name="radio-set-1626869521-3" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850144-5" type="radio" name="radio-set-1626850144-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-6" type="radio" name="radio-set-1626850144-5" class="tab-selector-2" />
-  <label for="tab-1626850144-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-5" type="radio" name="radio-set-1626869521-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-6" type="radio" name="radio-set-1626869521-5" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850144-7" type="radio" name="radio-set-1626850144-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-8" type="radio" name="radio-set-1626850144-7" class="tab-selector-2" />
-  <label for="tab-1626850144-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-7" type="radio" name="radio-set-1626869521-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-8" type="radio" name="radio-set-1626869521-7" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850144-9" type="radio" name="radio-set-1626850144-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-10" type="radio" name="radio-set-1626850144-9" class="tab-selector-2" />
-  <label for="tab-1626850144-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-9" type="radio" name="radio-set-1626869521-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-10" type="radio" name="radio-set-1626869521-9" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850144-11" type="radio" name="radio-set-1626850144-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-12" type="radio" name="radio-set-1626850144-11" class="tab-selector-2" />
-  <label for="tab-1626850144-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-11" type="radio" name="radio-set-1626869521-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-12" type="radio" name="radio-set-1626869521-11" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850144-13" type="radio" name="radio-set-1626850144-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-14" type="radio" name="radio-set-1626850144-13" class="tab-selector-2" />
-  <label for="tab-1626850144-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-13" type="radio" name="radio-set-1626869521-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-14" type="radio" name="radio-set-1626869521-13" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850144-15" type="radio" name="radio-set-1626850144-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850144-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850144-16" type="radio" name="radio-set-1626850144-15" class="tab-selector-2" />
-  <label for="tab-1626850144-16" class="tab-label-2">groovy</label>
+  <input id="tab-1626869521-15" type="radio" name="radio-set-1626869521-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869521-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869521-16" type="radio" name="radio-set-1626869521-15" class="tab-selector-2" />
+  <label for="tab-1626869521-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-1626850207-1" type="radio" name="radio-set-1626850207-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850207-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850207-2" type="radio" name="radio-set-1626850207-1" class="tab-selector-2" />
-  <label for="tab-1626850207-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869577-1" type="radio" name="radio-set-1626869577-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869577-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869577-2" type="radio" name="radio-set-1626869577-1" class="tab-selector-2" />
+  <label for="tab-1626869577-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-1626850225-1" type="radio" name="radio-set-1626850225-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850225-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850225-2" type="radio" name="radio-set-1626850225-1" class="tab-selector-2" />
-  <label for="tab-1626850225-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869594-1" type="radio" name="radio-set-1626869594-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869594-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869594-2" type="radio" name="radio-set-1626869594-1" class="tab-selector-2" />
+  <label for="tab-1626869594-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-1626850225-3" type="radio" name="radio-set-1626850225-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850225-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850225-4" type="radio" name="radio-set-1626850225-3" class="tab-selector-2" />
-  <label for="tab-1626850225-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869594-3" type="radio" name="radio-set-1626869594-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869594-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869594-4" type="radio" name="radio-set-1626869594-3" class="tab-selector-2" />
+  <label for="tab-1626869594-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-1626850225-5" type="radio" name="radio-set-1626850225-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850225-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850225-6" type="radio" name="radio-set-1626850225-5" class="tab-selector-2" />
-  <label for="tab-1626850225-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869594-5" type="radio" name="radio-set-1626869594-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869594-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869594-6" type="radio" name="radio-set-1626869594-5" class="tab-selector-2" />
+  <label for="tab-1626869594-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-1626850261-1" type="radio" name="radio-set-1626850261-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-2" type="radio" name="radio-set-1626850261-1" class="tab-selector-2" />
-  <label for="tab-1626850261-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-1" type="radio" name="radio-set-1626869627-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-2" type="radio" name="radio-set-1626869627-1" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-3" type="radio" name="radio-set-1626850261-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-4" type="radio" name="radio-set-1626850261-3" class="tab-selector-2" />
-  <label for="tab-1626850261-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-3" type="radio" name="radio-set-1626869627-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-4" type="radio" name="radio-set-1626869627-3" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-5" type="radio" name="radio-set-1626850261-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-6" type="radio" name="radio-set-1626850261-5" class="tab-selector-2" />
-  <label for="tab-1626850261-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-5" type="radio" name="radio-set-1626869627-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-6" type="radio" name="radio-set-1626869627-5" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-7" type="radio" name="radio-set-1626850261-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-8" type="radio" name="radio-set-1626850261-7" class="tab-selector-2" />
-  <label for="tab-1626850261-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-7" type="radio" name="radio-set-1626869627-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-8" type="radio" name="radio-set-1626869627-7" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-9" type="radio" name="radio-set-1626850261-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-10" type="radio" name="radio-set-1626850261-9" class="tab-selector-2" />
-  <label for="tab-1626850261-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-9" type="radio" name="radio-set-1626869627-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-10" type="radio" name="radio-set-1626869627-9" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-11" type="radio" name="radio-set-1626850261-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-12" type="radio" name="radio-set-1626850261-11" class="tab-selector-2" />
-  <label for="tab-1626850261-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-11" type="radio" name="radio-set-1626869627-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-12" type="radio" name="radio-set-1626869627-11" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-13" type="radio" name="radio-set-1626850261-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-14" type="radio" name="radio-set-1626850261-13" class="tab-selector-2" />
-  <label for="tab-1626850261-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-13" type="radio" name="radio-set-1626869627-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-14" type="radio" name="radio-set-1626869627-13" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-15" type="radio" name="radio-set-1626850261-15" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-16" type="radio" name="radio-set-1626850261-15" class="tab-selector-2" />
-  <label for="tab-1626850261-16" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-15" type="radio" name="radio-set-1626869627-15" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-16" type="radio" name="radio-set-1626869627-15" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-17" type="radio" name="radio-set-1626850261-17" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-18" type="radio" name="radio-set-1626850261-17" class="tab-selector-2" />
-  <label for="tab-1626850261-18" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-17" type="radio" name="radio-set-1626869627-17" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-18" type="radio" name="radio-set-1626869627-17" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-19" type="radio" name="radio-set-1626850261-19" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-20" type="radio" name="radio-set-1626850261-19" class="tab-selector-2" />
-  <label for="tab-1626850261-20" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-19" type="radio" name="radio-set-1626869627-19" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-20" type="radio" name="radio-set-1626869627-19" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-21" type="radio" name="radio-set-1626850261-21" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-22" type="radio" name="radio-set-1626850261-21" class="tab-selector-2" />
-  <label for="tab-1626850261-22" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-21" type="radio" name="radio-set-1626869627-21" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-22" type="radio" name="radio-set-1626869627-21" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-23" type="radio" name="radio-set-1626850261-23" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-24" type="radio" name="radio-set-1626850261-23" class="tab-selector-2" />
-  <label for="tab-1626850261-24" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-23" type="radio" name="radio-set-1626869627-23" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-24" type="radio" name="radio-set-1626869627-23" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-25" type="radio" name="radio-set-1626850261-25" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-26" type="radio" name="radio-set-1626850261-25" class="tab-selector-2" />
-  <label for="tab-1626850261-26" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-25" type="radio" name="radio-set-1626869627-25" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-26" type="radio" name="radio-set-1626869627-25" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-27" type="radio" name="radio-set-1626850261-27" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-28" type="radio" name="radio-set-1626850261-27" class="tab-selector-2" />
-  <label for="tab-1626850261-28" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-27" type="radio" name="radio-set-1626869627-27" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-28" type="radio" name="radio-set-1626869627-27" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850261-29" type="radio" name="radio-set-1626850261-29" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850261-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850261-30" type="radio" name="radio-set-1626850261-29" class="tab-selector-2" />
-  <label for="tab-1626850261-30" class="tab-label-2">groovy</label>
+  <input id="tab-1626869627-29" type="radio" name="radio-set-1626869627-29" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869627-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869627-30" type="radio" name="radio-set-1626869627-29" class="tab-selector-2" />
+  <label for="tab-1626869627-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-1626850376-1" type="radio" name="radio-set-1626850376-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850376-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850376-2" type="radio" name="radio-set-1626850376-1" class="tab-selector-2" />
-  <label for="tab-1626850376-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869728-1" type="radio" name="radio-set-1626869728-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869728-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869728-2" type="radio" name="radio-set-1626869728-1" class="tab-selector-2" />
+  <label for="tab-1626869728-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-1626850376-3" type="radio" name="radio-set-1626850376-3" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850376-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850376-4" type="radio" name="radio-set-1626850376-3" class="tab-selector-2" />
-  <label for="tab-1626850376-4" class="tab-label-2">groovy</label>
+  <input id="tab-1626869728-3" type="radio" name="radio-set-1626869728-3" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869728-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869728-4" type="radio" name="radio-set-1626869728-3" class="tab-selector-2" />
+  <label for="tab-1626869728-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-1626850376-5" type="radio" name="radio-set-1626850376-5" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850376-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850376-6" type="radio" name="radio-set-1626850376-5" class="tab-selector-2" />
-  <label for="tab-1626850376-6" class="tab-label-2">groovy</label>
+  <input id="tab-1626869728-5" type="radio" name="radio-set-1626869728-5" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869728-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869728-6" type="radio" name="radio-set-1626869728-5" class="tab-selector-2" />
+  <label for="tab-1626869728-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-1626850376-7" type="radio" name="radio-set-1626850376-7" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850376-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850376-8" type="radio" name="radio-set-1626850376-7" class="tab-selector-2" />
-  <label for="tab-1626850376-8" class="tab-label-2">groovy</label>
+  <input id="tab-1626869728-7" type="radio" name="radio-set-1626869728-7" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869728-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869728-8" type="radio" name="radio-set-1626869728-7" class="tab-selector-2" />
+  <label for="tab-1626869728-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-1626850376-9" type="radio" name="radio-set-1626850376-9" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850376-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850376-10" type="radio" name="radio-set-1626850376-9" class="tab-selector-2" />
-  <label for="tab-1626850376-10" class="tab-label-2">groovy</label>
+  <input id="tab-1626869728-9" type="radio" name="radio-set-1626869728-9" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869728-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869728-10" type="radio" name="radio-set-1626869728-9" class="tab-selector-2" />
+  <label for="tab-1626869728-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-1626850376-11" type="radio" name="radio-set-1626850376-11" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850376-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850376-12" type="radio" name="radio-set-1626850376-11" class="tab-selector-2" />
-  <label for="tab-1626850376-12" class="tab-label-2">groovy</label>
+  <input id="tab-1626869728-11" type="radio" name="radio-set-1626869728-11" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869728-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869728-12" type="radio" name="radio-set-1626869728-11" class="tab-selector-2" />
+  <label for="tab-1626869728-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-1626850376-13" type="radio" name="radio-set-1626850376-13" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850376-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850376-14" type="radio" name="radio-set-1626850376-13" class="tab-selector-2" />
-  <label for="tab-1626850376-14" class="tab-label-2">groovy</label>
+  <input id="tab-1626869728-13" type="radio" name="radio-set-1626869728-13" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869728-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1626869728-14" type="radio" name="radio-set-1626869728-13" class="tab-selector-2" />
+  <label for="tab-1626869728-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-1626850446-1" type="radio" name="radio-set-1626850446-1" class="tab-selector-1" checked="checked" />
-  <label for="tab-1626850446-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1626850446-2" type="radio" name="radio-set-1626850446-1" class="tab-selector-2" />
-  <label for="tab-1626850446-2" class="tab-label-2">groovy</label>
+  <input id="tab-1626869790-1" type="radio" name="radio-set-1626869790-1" class="tab-selector-1" checked="checked" />
+  <label for="tab-1626869790-1" class="tab-label-1">console (groovy)</label>

[... 901 lines stripped ...]