Building a Binary Search Tree

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<<goto "Introduction">>

! Building a Binary Search Tree In this interactive web page, we will be building a binary search tree by adding and then removing nodes. The root of the binary search tree will (following convention) start at the top, as in: <<include "Figure 0">> For convenience, we will number all the places that null pointers appear in the binary search tree. To start off, the root is null and this is the only null pointer. It is labeled "1". The binary search tree will hold shopping list items in alphabetical order. Suppose we wish to add "grapes" to the shopping list. Where should we add it? [[1|Step 1]] <<set $back to "Introduction">>[[not possible|Explain BST places]]

So far, we have one item in our shopping list, and now we have two null pointers in our tree: <<include "Figure 1">><<set $back to "Step 1">><<set $code to 0>> Now, if we wanted to add "eggs", where do we put it? [[1|Step 2]] [[2|Step 1a]] [[not possible|Explain BST places]]

One of the powerful things about a binary search tree is that we can always fit something in assuming the key is not null and isn't in the tree already. Everything has exactly one place where it could go, one of the null pointers is where to insert a new node. [[Return|$back]]

Putting "eggs" in the right subtree violates a rule for BSTs: <<include "Figure 1+2">><<set $back to "Step 1a">> Which node in the tree will 'notice' that "eggs" is in the wrong place? [[grapes|Step 1]] [[(none of the above)|Lost]]

Putting "carrots" as the right child of the left subtree violates a rule for BSTs: <<include "Figure 2+2">><<set $back to "Step 2a">> Which node in the tree will 'notice' that "carrots" is in the wrong place? [[eggs|Step 2]] <<linkappend "grapes">>? Actually here "carrots" is correctly to the left of "grapes".<</linkappend>> [[(none of the above)|Lost]]

Putting "carrots" in the right subtree violates a rule for BSTs: <<include "Figure 2+3">><<set $back to "Step 2b">> Which node in the tree will 'notice' that "carrots" is in the wrong place? <<linkappend "eggs">>? Actually here "eggs" is not an ancestor for "carrots".<</linkappend>> [[grapes|Step 2]] [[(none of the above)|Lost]]

Putting "melon" at the extreme leftmost spot violates a rule for BSTs: <<include "Figure 3+1">><<set $back to "Step 3a">> Which node in the tree will 'notice' that "melon" is in the wrong place? [[carrots|Step 3]] [[eggs|Step 3]] [[grapes|Step 3]] <<linkappend "(all of the above)">>? Yes! All the current nodes will object to having "melon" in their left subtree. [[Return|Step 3]].<</linkappend>>

Putting "melon" as the right child of the leftmost node violates a rule for BSTs: <<include "Figure 3+2">><<set $back to "Step 3b">> Which node in the tree will 'notice' that "melon" is in the wrong place? <<linkappend "carrots">>? Actually here "melon" is correctly to the right of "carrots".<</linkappend>> [[eggs|Step 3]] [[grapes|Step 3]] <<linkappend "(all of the above)">>? No. One of the nodes is happy.<</linkappend>>

Putting "melon" as the right child of the "eggs" node violates a rule for BSTs: <<include "Figure 3+3">><<set $back to "Step 3c">> Which node in the tree will 'notice' that "melon" is in the wrong place? <<linkappend "carrots">>? Actually here "melon" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "eggs">>? Actually here "melon" is correctly to the right of "eggs".<</linkappend>> [[grapes|Step 3]] <<linkappend "(all of the above)">>? No. Only of the nodes is not happy.<</linkappend>>

Putting "celery" as the left child of the "carrots" node violates a rule for BSTs: <<include "Figure 4+1">><<set $back to "Step 4a">> Which node in the tree will 'notice' that "celery" is in the wrong place? [[carrots|Step 4]] <<linkappend "eggs">>? Actually here "celery" is correctly to the left of "eggs".<</linkappend>> <<linkappend "grapes">>? Actually here "celery" is correctly to the left of "grapes".<</linkappend>> <<linkappend "melon">>? Actually here "celery" is not relevant to the "melon" node.<</linkappend>>

Putting "celery" as the right child of the "eggs" node violates a rule for BSTs: <<include "Figure 4+3">><<set $back to "Step 4b">> Which node in the tree will 'notice' that "celery" is in the wrong place? <<linkappend "carrots">>? Actually here "celery" is not relevant to the "carrots" node.<</linkappend>> [[eggs|Step 4]] <<linkappend "grapes">>? Actually here "celery" is correctly to the left of "grapes".<</linkappend>> <<linkappend "melon">>? Actually here "celery" is not relevant to the "melon" node.<</linkappend>>

Putting "celery" as the left child of the "melon" node violates a rule for BSTs: <<include "Figure 4+4">><<set $back to "Step 4c">> Which node in the tree will 'notice' that "celery" is in the wrong place? <<linkappend "carrots">>? Actually here "celery" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "eggs">>? Actually here "celery" is not relevant to the "eggs" node.<</linkappend>> [[grapes|Step 4]] <<linkappend "melon">>? Actually here "celery" is correctly to the left of the "melon" node.<</linkappend>>

Putting "celery" as the right child of the "melon" node violates a rule for BSTs: <<include "Figure 4+5">><<set $back to "Step 4d">> Which node in the tree will 'notice' that "celery" is in the wrong place? <<linkappend "carrots">>? Actually here "celery" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "eggs">>? Actually here "celery" is not relevant to the "eggs" node.<</linkappend>> [[grapes|Step 4]] [[melon|Step 4]]

Putting "kale" as the left child of the "carrots" node violates a rule for BSTs: <<include "Figure 5+1">><<set $back to "Step 5a">> Which node in the tree will 'notice' that "kale" is in the wrong place? [[carrots|Step 5]] <<linkappend "celery">>? Actually here "kale" is not relevant to the "celery" node.<</linkappend>> [[eggs|Step 5]] [[grapes|Step 5]] <<linkappend "melon">>? Actually here "kale" is not relevant to the "melon" node.<</linkappend>>

Putting "kale" as the left child of the "celery" node violates a rule for BSTs: <<include "Figure 5+2">><<set $back to "Step 5b">> Which node in the tree will 'notice' that "kale" is in the wrong place? <<linkappend "carrots">>? Actually here "kale" is correctly to the right of the "carrots" node.<</linkappend>> [[celery|Step 5]] [[eggs|Step 5]] [[grapes|Step 5]] <<linkappend "melon">>? Actually here "kale" is not relevant to the "melon" node.<</linkappend>>

Putting "kale" as the right child of the "celery" node violates a rule for BSTs: <<include "Figure 5+3">><<set $back to "Step 5c">> Which node in the tree will 'notice' that "kale" is in the wrong place? <<linkappend "carrots">>? Actually here "kale" is correctly to the right of the "carrots" node.<</linkappend>> <<linkappend "celery">>? Actually here "kale" is correctly to the right of the "celery" node.<</linkappend>> [[eggs|Step 5]] [[grapes|Step 5]] <<linkappend "melon">>? Actually here "kale" is not relevant to the "melon" node.<</linkappend>>

Putting "kale" as the right child of the "eggs" node violates a rule for BSTs: <<include "Figure 5+4">><<set $back to "Step 5d">> Which node in the tree will 'notice' that "kale" is in the wrong place? <<linkappend "carrots">>? Actually here "kale" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "celery">>? Actually here "kale" is not relevant to the "celery" node.<</linkappend>> <<linkappend "eggs">>? Actually here "kale" is correctly to the right of the "eggs" node.<</linkappend>> [[grapes|Step 5]] <<linkappend "melon">>? Actually here "kale" is not relevant to the "melon" node.<</linkappend>>

Putting "kale" as the right child of the "melon" node violates a rule for BSTs: <<include "Figure 5+6">><<set $back to "Step 5e">> Which node in the tree will 'notice' that "kale" is in the wrong place? <<linkappend "carrots">>? Actually here "kale" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "celery">>? Actually here "kale" is not relevant to the "celery" node.<</linkappend>> <<linkappend "eggs">>? Actually here "kale" is not relevant to the "eggs" node.<</linkappend>> <<linkappend "grapes">>? Actually here "kale" is correctly to the right of the "grapes" node.<</linkappend>> [[melon|Step 5]]

Actually if there is a BST violation, one of the nodes will 'notice' that a descendant is in the wrong subtree. [[Return|$back]]

Putting "lemon" as the left child of the "carrots" node violates a rule for BSTs: <<include "Figure 6+1">><<set $back to "Step 6a">> Which node in the tree will 'notice' that "lemon" is in the wrong place? [[carrots|Step 6]] <<linkappend "celery">>? Actually here "lemon" is not relevant to the "celery" node.<</linkappend>> [[eggs|Step 6]] [[grapes|Step 6]] <<linkappend "kale">>? Actually here "lemon" is not relevant to the "kale" node.<</linkappend>> <<linkappend "melon">>? Actually here "lemon" is not relevant to the "melon" node.<</linkappend>>

Putting "lemon" as the left child of the "celery" node violates a rule for BSTs: <<include "Figure 6+2">><<set $back to "Step 6b">> Which node in the tree will 'notice' that "lemon" is in the wrong place? <<linkappend "carrots">>? Actually here "lemon" is correctly to the right of the "carrots" node.<</linkappend>> [[celery|Step 6]] [[eggs|Step 6]] [[grapes|Step 6]] <<linkappend "kale">>? Actually here "lemon" is not relevant to the "kale" node.<</linkappend>> <<linkappend "melon">>? Actually here "lemon" is not relevant to the "melon" node.<</linkappend>>

Putting "lemon" as the right child of the "celery" node violates a rule for BSTs: <<include "Figure 6+3">><<set $back to "Step 6c">> Which node in the tree will 'notice' that "lemon" is in the wrong place? <<linkappend "carrots">>? Actually here "lemon" is correctly to the right of the "carrots" node.<</linkappend>> <<linkappend "celery">>? Actually here "lemon" is correctly to the right of the "celery" node.<</linkappend>> [[eggs|Step 6]] [[grapes|Step 6]] <<linkappend "kale">>? Actually here "lemon" is not relevant to the "kale" node.<</linkappend>> <<linkappend "melon">>? Actually here "lemon" is not relevant to the "melon" node.<</linkappend>>

Putting "lemon" as the right child of the "eggs" node violates a rule for BSTs: <<include "Figure 6+4">><<set $back to "Step 6d">> Which node in the tree will 'notice' that "lemon" is in the wrong place? <<linkappend "carrots">>? Actually here "lemon" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "celery">>? Actually here "lemon" is not relevant to the "celery" node.<</linkappend>> <<linkappend "eggs">>? Actually here "lemon" is correctly to the right of the "eggs" node.<</linkappend>> [[grapes|Step 6]] <<linkappend "kale">>? Actually here "lemon" is not relevant to the "kale" node.<</linkappend>> <<linkappend "melon">>? Actually here "lemon" is not relevant to the "melon" node.<</linkappend>>

Putting "lemon" as the left child of the "kale" node violates a rule for BSTs: <<include "Figure 6+5">><<set $back to "Step 6e">> Which node in the tree will 'notice' that "lemon" is in the wrong place? <<linkappend "carrots">>? Actually here "lemon" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "celery">>? Actually here "lemon" is not relevant to the "celery" node.<</linkappend>> <<linkappend "eggs">>? Actually here "lemon" is not relevant to the "eggs" node.<</linkappend>> <<linkappend "grapes">>? Actually here "lemon" is correctly to the right of the "grapes" node.<</linkappend>> [[kale|Step 6]] <<linkappend "melon">>? Actually here "lemon" is correctly to the left of the "melon" node.<</linkappend>>

Putting "lemon" as the right child of the "melon" node violates a rule for BSTs: <<include "Figure 6+7">><<set $back to "Step 6f">> Which node in the tree will 'notice' that "lemon" is in the wrong place? <<linkappend "carrots">>? Actually here "lemon" is not relevant to the "carrots" node.<</linkappend>> <<linkappend "celery">>? Actually here "lemon" is not relevant to the "celery" node.<</linkappend>> <<linkappend "eggs">>? Actually here "lemon" is not relevant to the "eggs" node.<</linkappend>> <<linkappend "grapes">>? Actually here "lemon" is correctly to the right of the "grapes" node.<</linkappend>> <<linkappend "kale">>? Actually here "lemon" is not relevant to the "kale" node.<</linkappend>> [[melon|Step 6]]

Now we have seven items in our list: <<include "Figure 7">><<set $code to $code|64>> At this point, please identify where each of the following nine elements would be inserted (some will be in the same spot) by clicking the blue numbers until they are correct (8 will wrap around back to 1): <<cyclearray "$match1" setup.matches>> ''kringle'' <<cyclearray "$match2" setup.matches>> ''onion'' <<cyclearray "$match3" setup.matches>> ''donuts'' <<cyclearray "$match4" setup.matches>> ''tea'' <<cyclearray "$match5" setup.matches>> ''bread'' <<cyclearray "$match6" setup.matches>> ''ice cream'' <<cyclearray "$match7" setup.matches>> ''cinnamon'' <<cyclearray "$match8" setup.matches>> ''marmalade'' <<cyclearray "$match9" setup.matches>> ''garlic'' <<link "Check Answers">> <<set $num to 10000*(10000*(1+$match1)+1000*(1+$match2)+100*(1+$match3)+10*(1+$match4)+(1+$match5))+1000*(1+$match6)+100*(1+$match7)+10*($match8+1)+$match9+1>> <<if $num is ($factor1 * $factor2)>> <<goto "Done">> <<else>> <<replace "#check-response" t8n>>Not correct. Check each one again! <</replace>> <</if>> <</link>> <span id="check-response"></span>

<<set $mnum to $num % $mod>>You have completed the activity. Please write down this code <<= jtb.comb3($code +$mnum,13,$code0)>> and turn it in on Canvas. <<if $name eq "guest">>''Warning'': You logged in as 'guest' and so the completion code will not work for you.<</if>>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="100"> <title>Tree </title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> </g> <desc> An arrow from the top of the picture points to null, with label "1". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="200"> <title>Tree (grapes)</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(200,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to null, with label "1". The right arrow from the grapes box points to null, with label "2". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="300"> <title>Tree (grapes(eggs))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to null, with label "1". The right arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to null, with label "2". The right arrow from the eggs box points to null, with label "3". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree ((((melon)carrots)eggs)grapes)</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23node4"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "1". The right arrow from the melon box points to null, with label "2". The right arrow from the carrots box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to null, with label "5". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(melon))eggs)grapes)</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "2". The right arrow from the melon box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to null, with label "5". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="400"> <title>Tree (((carrots)eggs(melon))grapes)</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23node3"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to null, with label "2". The right arrow from the eggs box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "3". The right arrow from the melon box points to null, with label "4". The right arrow from the grapes box points to null, with label "5". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="400"> <title>Tree (((carrots)eggs)grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to null, with label "2". The right arrow from the eggs box points to null, with label "3". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "4". The right arrow from the melon box points to null, with label "5". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree ((((celery)carrots)eggs)grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "1". The right arrow from the celery box points to null, with label "2". The right arrow from the carrots box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "5". The right arrow from the melon box points to null, with label "6". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="400"> <title>Tree (((carrots)eggs(celery))grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23node3"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to null, with label "2". The right arrow from the eggs box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "3". The right arrow from the celery box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "5". The right arrow from the melon box points to null, with label "6". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="400"> <title>Tree (((carrots)eggs)grapes((celery)melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to null, with label "2". The right arrow from the eggs box points to null, with label "3". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "4". The right arrow from the celery box points to null, with label "5". The right arrow from the melon box points to null, with label "6". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="400"> <title>Tree (((carrots)eggs)grapes(melon(celery)))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23node3"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to null, with label "2". The right arrow from the eggs box points to null, with label "3". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "4". The right arrow from the melon box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "5". The right arrow from the celery box points to null, with label "6". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs)grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "5". The right arrow from the melon box points to null, with label "6". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree ((((kale)carrots(celery))eggs)grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23node4"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "1". The right arrow from the kale box points to null, with label "2". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "3". The right arrow from the celery box points to null, with label "4". The right arrow from the eggs box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "6". The right arrow from the melon box points to null, with label "7". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600"> <title>Tree (((carrots((kale)celery))eggs)grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23node5"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "2". The right arrow from the kale box points to null, with label "3". The right arrow from the celery box points to null, with label "4". The right arrow from the eggs box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "6". The right arrow from the melon box points to null, with label "7". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600"> <title>Tree (((carrots(celery(kale)))eggs)grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23node5"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> <g transform="translate(15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "3". The right arrow from the kale box points to null, with label "4". The right arrow from the eggs box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "6". The right arrow from the melon box points to null, with label "7". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs(kale))grapes(melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "4". The right arrow from the kale box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "6". The right arrow from the melon box points to null, with label "7". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs)grapes(melon(kale)))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to null, with label "5". The right arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "6". The right arrow from the kale box points to null, with label "7". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs)grapes((kale)melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "5". The right arrow from the kale box points to null, with label "6". The right arrow from the melon box points to null, with label "7". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree ((((lemon)carrots(celery))eggs)grapes((kale)melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23node4"/> <text x="-20" y="18" class="label">lemon</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">8</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to a box labeled "lemon". This box has arrows going left and right from it. The left arrow from the lemon box points to null, with label "1". The right arrow from the lemon box points to null, with label "2". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "3". The right arrow from the celery box points to null, with label "4". The right arrow from the eggs box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "6". The right arrow from the kale box points to null, with label "7". The right arrow from the melon box points to null, with label "8". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600"> <title>Tree (((carrots((lemon)celery))eggs)grapes((kale)melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23node5"/> <text x="-20" y="18" class="label">lemon</text> <g transform="translate(-15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">8</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to a box labeled "lemon". This box has arrows going left and right from it. The left arrow from the lemon box points to null, with label "2". The right arrow from the lemon box points to null, with label "3". The right arrow from the celery box points to null, with label "4". The right arrow from the eggs box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "6". The right arrow from the kale box points to null, with label "7". The right arrow from the melon box points to null, with label "8". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600"> <title>Tree (((carrots(celery(lemon)))eggs)grapes((kale)melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23node5"/> <text x="-20" y="18" class="label">lemon</text> <g transform="translate(-15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> <g transform="translate(15,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">8</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to a box labeled "lemon". This box has arrows going left and right from it. The left arrow from the lemon box points to null, with label "3". The right arrow from the lemon box points to null, with label "4". The right arrow from the eggs box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "6". The right arrow from the kale box points to null, with label "7". The right arrow from the melon box points to null, with label "8". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs(lemon))grapes((kale)melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23node3"/> <text x="-20" y="18" class="label">lemon</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">8</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to a box labeled "lemon". This box has arrows going left and right from it. The left arrow from the lemon box points to null, with label "4". The right arrow from the lemon box points to null, with label "5". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "6". The right arrow from the kale box points to null, with label "7". The right arrow from the melon box points to null, with label "8". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs)grapes(((lemon)kale)melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23node4"/> <text x="-20" y="18" class="label">lemon</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">8</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to a box labeled "lemon". This box has arrows going left and right from it. The left arrow from the lemon box points to null, with label "5". The right arrow from the lemon box points to null, with label "6". The right arrow from the kale box points to null, with label "7". The right arrow from the melon box points to null, with label "8". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs)grapes((kale)melon(lemon)))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23node3"/> <text x="-20" y="18" class="label">lemon</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">8</text> </g> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "5". The right arrow from the kale box points to null, with label "6". The right arrow from the melon box points to a box labeled "lemon". This box has arrows going left and right from it. The left arrow from the lemon box points to null, with label "7". The right arrow from the lemon box points to null, with label "8". </desc> </svg> '/>

<img src='data:image/svg+xml;utf8, <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"> <title>Tree (((carrots(celery))eggs)grapes((kale(lemon))melon))</title> <style> .arrow { stroke : yellow } .box { fill : midnightblue } .label { stroke : lightskyblue } </style> <defs> <path id="head" d="M0,0 l-5,-10 l5,3 l5,-3 z" class="arrow"/> <g id="null"> <path d="M-5,0 h 10 M-5,3 h 10" class="arrow"/> </g> <g id="node"> <use xlink:href="%23head"/> <rect x="-25" y="0" width="50" height="50" class="box"/> <line x1="-25" y1="25" x2="25" y2="25"/> <line x1="0" y1="25" x2="0" y2="50"/> </g> <path id="R1arr" d="M15,40 q 185,0 185,50 v 10" class="arrow"/> <use id="L1arr" xlink:href="%23R1arr" transform="scale(-1,1)"/> <g id="node1"> <use xlink:href="%23node"/> <use xlink:href="%23R1arr"/> <use xlink:href="%23L1arr"/> </g> <path id="R2arr" d="M15,40 q 85,0 85,50 v 10" class="arrow"/> <use id="L2arr" xlink:href="%23R2arr" transform="scale(-1,1)"/> <g id="node2"> <use xlink:href="%23node"/> <use xlink:href="%23R2arr"/> <use xlink:href="%23L2arr"/> </g> <path id="R3arr" d="M15,40 q 35,0 35,50 v 10" class="arrow"/> <use id="L3arr" xlink:href="%23R3arr" transform="scale(-1,1)"/> <g id="node3"> <use xlink:href="%23node"/> <use xlink:href="%23R3arr"/> <use xlink:href="%23L3arr"/> </g> <path id="R4arr" d="M15,40 l 10,50 v 10" class="arrow"/> <use id="L4arr" xlink:href="%23R4arr" transform="scale(-1,1)"/> <g id="node4"> <use xlink:href="%23node"/> <use xlink:href="%23R4arr"/> <use xlink:href="%23L4arr"/> </g> <path id="R5arr" d="M15,40 v 60" class="arrow"/> <use id="L5arr" xlink:href="%23R5arr" transform="scale(-1,1)"/> <g id="node5"> <use xlink:href="%23node"/> <use xlink:href="%23R5arr"/> <use xlink:href="%23L5arr"/> </g> </defs> <g stroke="white" fill="none" transform="translate(0,-50)" font-size="15" font-weight="normal"> <line x1="400" y1="50" x2="400" y2="100" class="arrow"/> <g transform="translate(400,100)"> <use xlink:href="%23node1"/> <text x="-21" y="18" class="label">grapes</text> <g transform="translate(-200,100)"> <use xlink:href="%23node2"/> <text x="-14" y="18" class="label">eggs</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-22" y="18" class="label">carrots</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">1</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-18" y="18" class="label">celery</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">2</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">3</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">4</text> </g> </g> <g transform="translate(200,100)"> <use xlink:href="%23node2"/> <text x="-20" y="18" class="label">melon</text> <g transform="translate(-100,100)"> <use xlink:href="%23node3"/> <text x="-12" y="18" class="label">kale</text> <g transform="translate(-50,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">5</text> </g> <g transform="translate(50,100)"> <use xlink:href="%23node4"/> <text x="-20" y="18" class="label">lemon</text> <g transform="translate(-25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">6</text> </g> <g transform="translate(25,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">7</text> </g> </g> </g> <g transform="translate(100,100)"> <use xlink:href="%23null"/> <text x="-4" y="25" class="label">8</text> </g> </g> </g> </g> <desc> An arrow from the top of the picture points to a box labeled "grapes". This box has arrows going left and right from it. The left arrow from the grapes box points to a box labeled "eggs". This box has arrows going left and right from it. The left arrow from the eggs box points to a box labeled "carrots". This box has arrows going left and right from it. The left arrow from the carrots box points to null, with label "1". The right arrow from the carrots box points to a box labeled "celery". This box has arrows going left and right from it. The left arrow from the celery box points to null, with label "2". The right arrow from the celery box points to null, with label "3". The right arrow from the eggs box points to null, with label "4". The right arrow from the grapes box points to a box labeled "melon". This box has arrows going left and right from it. The left arrow from the melon box points to a box labeled "kale". This box has arrows going left and right from it. The left arrow from the kale box points to null, with label "5". The right arrow from the kale box points to a box labeled "lemon". This box has arrows going left and right from it. The left arrow from the lemon box points to null, with label "6". The right arrow from the lemon box points to null, with label "7". The right arrow from the melon box points to null, with label "8". </desc> </svg> '/>

! Log in (We will not ask for a password.) <<nobr>> <<set $code0 to 0>> <</nobr>> EPantherID: <<textboxplus "$name" "guest" autofocus>> <<set $code0 to jtb.icHash($name+setup.semester)>> <<set $badchars to jtb.badLogin($name)>> <<if setup.logins.includes($name)>><<goto "LoggedIn">><<else>> <<replace "#login-error">><<if $badchars isnot "">> An EPantherID cannot include characters such as $badchars.<<else>> The EPantherID $name is not registered with the class.<</if>> [[Proceed without credit->LoggedIn]]<</replace>><</if>> <</textboxplus>>@uwm.edu <span id="login-error"></span>