images/rd2.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.43.0 (0)
 -->
<!-- Title: RadialDiagram Pages: 1 -->
<svg width="680pt" height="807pt"
 viewBox="0.00 0.00 680.34 806.57" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(36 770.57)">
<title>RadialDiagram</title>
<polygon fill="white" stroke="transparent" points="-36,36 -36,-770.57 644.34,-770.57 644.34,36 -36,36"/>
<!-- central -->
<g id="node1" class="node">
<title>central</title>
<path fill="#19191a" stroke="black" d="M359.59,-402.6C359.59,-402.6 246.59,-402.6 246.59,-402.6 240.59,-402.6 234.59,-396.6 234.59,-390.6 234.59,-390.6 234.59,-378.6 234.59,-378.6 234.59,-372.6 240.59,-366.6 246.59,-366.6 246.59,-366.6 359.59,-366.6 359.59,-366.6 365.59,-366.6 371.59,-372.6 371.59,-378.6 371.59,-378.6 371.59,-390.6 371.59,-390.6 371.59,-396.6 365.59,-402.6 359.59,-402.6"/>
<text text-anchor="middle" x="303.09" y="-380.8" font-family="Times,serif" font-size="16.00" fill="white">Making Coffee</text>
</g>
<!-- coffee_components -->
<g id="node2" class="node">
<title>coffee_components</title>
<path fill="#343435" stroke="black" d="M387.96,-277.34C387.96,-277.34 277.96,-277.34 277.96,-277.34 271.96,-277.34 265.96,-271.34 265.96,-265.34 265.96,-265.34 265.96,-253.34 265.96,-253.34 265.96,-247.34 271.96,-241.34 277.96,-241.34 277.96,-241.34 387.96,-241.34 387.96,-241.34 393.96,-241.34 399.96,-247.34 399.96,-253.34 399.96,-253.34 399.96,-265.34 399.96,-265.34 399.96,-271.34 393.96,-277.34 387.96,-277.34"/>
<text text-anchor="middle" x="332.96" y="-256.24" font-family="Times,serif" font-size="12.00" fill="white">Coffee Components</text>
</g>
<!-- central&#45;&gt;coffee_components -->
<g id="edge1" class="edge">
<title>central&#45;&gt;coffee_components</title>
<path fill="none" stroke="#4a4a4a" d="M307.44,-366.39C312.37,-345.7 320.48,-311.7 326.23,-287.57"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="329.69,-288.12 328.61,-277.58 322.89,-286.49 329.69,-288.12"/>
<text text-anchor="middle" x="298.95" y="-325.1" font-family="Times,serif" font-size="9.00" fill="#4a4a4a">involves</text>
</g>
<!-- process_enjoyment -->
<g id="node15" class="node">
<title>process_enjoyment</title>
<path fill="#343435" stroke="black" d="M332.08,-526.67C332.08,-526.67 210.08,-526.67 210.08,-526.67 204.08,-526.67 198.08,-520.67 198.08,-514.67 198.08,-514.67 198.08,-502.67 198.08,-502.67 198.08,-496.67 204.08,-490.67 210.08,-490.67 210.08,-490.67 332.08,-490.67 332.08,-490.67 338.08,-490.67 344.08,-496.67 344.08,-502.67 344.08,-502.67 344.08,-514.67 344.08,-514.67 344.08,-520.67 338.08,-526.67 332.08,-526.67"/>
<text text-anchor="middle" x="271.08" y="-505.57" font-family="Times,serif" font-size="12.00" fill="white">Process &amp; Enjoyment</text>
</g>
<!-- central&#45;&gt;process_enjoyment -->
<g id="edge14" class="edge">
<title>central&#45;&gt;process_enjoyment</title>
<path fill="none" stroke="#4a4a4a" d="M298.44,-402.64C293.15,-423.13 284.46,-456.82 278.29,-480.72"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="274.85,-480.05 275.74,-490.61 281.62,-481.8 274.85,-480.05"/>
<text text-anchor="middle" x="268.67" y="-449.11" font-family="Times,serif" font-size="9.00" fill="#4a4a4a">leads to</text>
</g>
<!-- coffee_types -->
<g id="node3" class="node">
<title>coffee_types</title>
<path fill="#505050" stroke="black" d="M243.79,-247.96C243.79,-247.96 184.79,-247.96 184.79,-247.96 178.79,-247.96 172.79,-241.96 172.79,-235.96 172.79,-235.96 172.79,-223.96 172.79,-223.96 172.79,-217.96 178.79,-211.96 184.79,-211.96 184.79,-211.96 243.79,-211.96 243.79,-211.96 249.79,-211.96 255.79,-217.96 255.79,-223.96 255.79,-223.96 255.79,-235.96 255.79,-235.96 255.79,-241.96 249.79,-247.96 243.79,-247.96"/>
<text text-anchor="middle" x="214.29" y="-227.46" font-family="Times,serif" font-size="10.00" fill="white">Coffee Types</text>
</g>
<!-- coffee_components&#45;&gt;coffee_types -->
<g id="edge2" class="edge">
<title>coffee_components&#45;&gt;coffee_types</title>
<path fill="none" stroke="#4a4a4a" d="M265.65,-242.68C265.55,-242.65 265.45,-242.63 265.35,-242.6"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="266.6,-239.31 256.06,-240.3 264.92,-246.11 266.6,-239.31"/>
<text text-anchor="middle" x="274.63" y="-236.21" font-family="Times,serif" font-size="8.00" fill="#4a4a4a">examples</text>
</g>
<!-- equipment_needed -->
<g id="node6" class="node">
<title>equipment_needed</title>
<path fill="#505050" stroke="black" d="M383.62,-149.31C383.62,-149.31 290.62,-149.31 290.62,-149.31 284.62,-149.31 278.62,-143.31 278.62,-137.31 278.62,-137.31 278.62,-125.31 278.62,-125.31 278.62,-119.31 284.62,-113.31 290.62,-113.31 290.62,-113.31 383.62,-113.31 383.62,-113.31 389.62,-113.31 395.62,-119.31 395.62,-125.31 395.62,-125.31 395.62,-137.31 395.62,-137.31 395.62,-143.31 389.62,-149.31 383.62,-149.31"/>
<text text-anchor="middle" x="337.12" y="-128.81" font-family="Times,serif" font-size="10.00" fill="white">Equipment Needed</text>
</g>
<!-- coffee_components&#45;&gt;equipment_needed -->
<g id="edge5" class="edge">
<title>coffee_components&#45;&gt;equipment_needed</title>
<path fill="none" stroke="#4a4a4a" d="M333.54,-241.27C334.23,-220.13 335.38,-184.87 336.19,-159.99"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="339.69,-159.81 336.52,-149.7 332.7,-159.58 339.69,-159.81"/>
<text text-anchor="middle" x="318.03" y="-198.13" font-family="Times,serif" font-size="8.00" fill="#4a4a4a">requires</text>
</g>
<!-- ingredients -->
<g id="node11" class="node">
<title>ingredients</title>
<path fill="#505050" stroke="black" d="M486.58,-282.45C486.58,-282.45 434.58,-282.45 434.58,-282.45 428.58,-282.45 422.58,-276.45 422.58,-270.45 422.58,-270.45 422.58,-258.45 422.58,-258.45 422.58,-252.45 428.58,-246.45 434.58,-246.45 434.58,-246.45 486.58,-246.45 486.58,-246.45 492.58,-246.45 498.58,-252.45 498.58,-258.45 498.58,-258.45 498.58,-270.45 498.58,-270.45 498.58,-276.45 492.58,-282.45 486.58,-282.45"/>
<text text-anchor="middle" x="460.58" y="-261.95" font-family="Times,serif" font-size="10.00" fill="white">Ingredients</text>
</g>
<!-- coffee_components&#45;&gt;ingredients -->
<g id="edge10" class="edge">
<title>coffee_components&#45;&gt;ingredients</title>
<path fill="none" stroke="#4a4a4a" d="M400.13,-262.03C404.21,-262.2 408.28,-262.36 412.26,-262.52"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="412.41,-266.03 422.54,-262.93 412.69,-259.03 412.41,-266.03"/>
<text text-anchor="middle" x="411.51" y="-256.09" font-family="Times,serif" font-size="8.00" fill="#4a4a4a">uses</text>
</g>
<!-- latte -->
<g id="node4" class="node">
<title>latte</title>
<path fill="#6b6b6c" stroke="black" d="M139.06,-162.35C139.06,-162.35 109.06,-162.35 109.06,-162.35 103.06,-162.35 97.06,-156.35 97.06,-150.35 97.06,-150.35 97.06,-138.35 97.06,-138.35 97.06,-132.35 103.06,-126.35 109.06,-126.35 109.06,-126.35 139.06,-126.35 139.06,-126.35 145.06,-126.35 151.06,-132.35 151.06,-138.35 151.06,-138.35 151.06,-150.35 151.06,-150.35 151.06,-156.35 145.06,-162.35 139.06,-162.35"/>
<text text-anchor="middle" x="124.06" y="-142.15" font-family="Times,serif" font-size="9.00" fill="white">Latte</text>
</g>
<!-- coffee_types&#45;&gt;latte -->
<g id="edge3" class="edge">
<title>coffee_types&#45;&gt;latte</title>
<path fill="none" stroke="#4a4a4a" d="M195.16,-211.81C182.24,-199.55 165.01,-183.2 150.74,-169.66"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="152.83,-166.82 143.17,-162.48 148.02,-171.9 152.83,-166.82"/>
<text text-anchor="middle" x="159.11" y="-189.49" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">milky</text>
</g>
<!-- espresso -->
<g id="node5" class="node">
<title>espresso</title>
<path fill="#6b6b6c" stroke="black" d="M116.28,-254.16C116.28,-254.16 82.28,-254.16 82.28,-254.16 76.28,-254.16 70.28,-248.16 70.28,-242.16 70.28,-242.16 70.28,-230.16 70.28,-230.16 70.28,-224.16 76.28,-218.16 82.28,-218.16 82.28,-218.16 116.28,-218.16 116.28,-218.16 122.28,-218.16 128.28,-224.16 128.28,-230.16 128.28,-230.16 128.28,-242.16 128.28,-242.16 128.28,-248.16 122.28,-254.16 116.28,-254.16"/>
<text text-anchor="middle" x="99.28" y="-233.96" font-family="Times,serif" font-size="9.00" fill="white">Espresso</text>
</g>
<!-- coffee_types&#45;&gt;espresso -->
<g id="edge4" class="edge">
<title>coffee_types&#45;&gt;espresso</title>
<path fill="none" stroke="#4a4a4a" d="M172.77,-232.2C161.65,-232.8 149.67,-233.45 138.67,-234.04"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="138.29,-230.55 128.49,-234.59 138.66,-237.54 138.29,-230.55"/>
<text text-anchor="middle" x="156.82" y="-227.78" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">strong</text>
</g>
<!-- coffee_maker -->
<g id="node7" class="node">
<title>coffee_maker</title>
<path fill="#6b6b6c" stroke="black" d="M264.52,-88.45C264.52,-88.45 210.52,-88.45 210.52,-88.45 204.52,-88.45 198.52,-82.45 198.52,-76.45 198.52,-76.45 198.52,-64.45 198.52,-64.45 198.52,-58.45 204.52,-52.45 210.52,-52.45 210.52,-52.45 264.52,-52.45 264.52,-52.45 270.52,-52.45 276.52,-58.45 276.52,-64.45 276.52,-64.45 276.52,-76.45 276.52,-76.45 276.52,-82.45 270.52,-88.45 264.52,-88.45"/>
<text text-anchor="middle" x="237.52" y="-68.25" font-family="Times,serif" font-size="9.00" fill="white">Coffee Maker</text>
</g>
<!-- equipment_needed&#45;&gt;coffee_maker -->
<g id="edge6" class="edge">
<title>equipment_needed&#45;&gt;coffee_maker</title>
<path fill="none" stroke="#4a4a4a" d="M307.5,-113.21C297.56,-107.14 286.32,-100.27 275.81,-93.85"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="277.55,-90.81 267.19,-88.58 273.9,-96.78 277.55,-90.81"/>
<text text-anchor="middle" x="280.33" y="-103.29" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">e.g.</text>
</g>
<!-- filter -->
<g id="node8" class="node">
<title>filter</title>
<path fill="#6b6b6c" stroke="black" d="M455.38,-97.23C455.38,-97.23 425.38,-97.23 425.38,-97.23 419.38,-97.23 413.38,-91.23 413.38,-85.23 413.38,-85.23 413.38,-73.23 413.38,-73.23 413.38,-67.23 419.38,-61.23 425.38,-61.23 425.38,-61.23 455.38,-61.23 455.38,-61.23 461.38,-61.23 467.38,-67.23 467.38,-73.23 467.38,-73.23 467.38,-85.23 467.38,-85.23 467.38,-91.23 461.38,-97.23 455.38,-97.23"/>
<text text-anchor="middle" x="440.38" y="-77.03" font-family="Times,serif" font-size="9.00" fill="white">Filter</text>
</g>
<!-- equipment_needed&#45;&gt;filter -->
<g id="edge7" class="edge">
<title>equipment_needed&#45;&gt;filter</title>
<path fill="none" stroke="#4a4a4a" d="M372.95,-113.24C383.02,-108.15 393.99,-102.62 404.1,-97.53"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="405.73,-100.62 413.09,-92.99 402.58,-94.37 405.73,-100.62"/>
<text text-anchor="middle" x="381.95" y="-105.55" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">if drip</text>
</g>
<!-- spoon -->
<g id="node9" class="node">
<title>spoon</title>
<path fill="#6b6b6c" stroke="black" d="M311.58,-36C311.58,-36 281.58,-36 281.58,-36 275.58,-36 269.58,-30 269.58,-24 269.58,-24 269.58,-12 269.58,-12 269.58,-6 275.58,0 281.58,0 281.58,0 311.58,0 311.58,0 317.58,0 323.58,-6 323.58,-12 323.58,-12 323.58,-24 323.58,-24 323.58,-30 317.58,-36 311.58,-36"/>
<text text-anchor="middle" x="296.58" y="-15.8" font-family="Times,serif" font-size="9.00" fill="white">Spoon</text>
</g>
<!-- equipment_needed&#45;&gt;spoon -->
<g id="edge8" class="edge">
<title>equipment_needed&#45;&gt;spoon</title>
<path fill="none" stroke="#4a4a4a" d="M330.61,-113.1C324.1,-94.93 314.03,-66.77 306.53,-45.8"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="309.74,-44.4 303.08,-36.16 303.15,-46.75 309.74,-44.4"/>
<text text-anchor="middle" x="297.23" y="-76.73" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">for stirring</text>
</g>
<!-- mug -->
<g id="node10" class="node">
<title>mug</title>
<path fill="#6b6b6c" stroke="black" d="M398.18,-39.77C398.18,-39.77 368.18,-39.77 368.18,-39.77 362.18,-39.77 356.18,-33.77 356.18,-27.77 356.18,-27.77 356.18,-15.77 356.18,-15.77 356.18,-9.77 362.18,-3.77 368.18,-3.77 368.18,-3.77 398.18,-3.77 398.18,-3.77 404.18,-3.77 410.18,-9.77 410.18,-15.77 410.18,-15.77 410.18,-27.77 410.18,-27.77 410.18,-33.77 404.18,-39.77 398.18,-39.77"/>
<text text-anchor="middle" x="383.18" y="-19.57" font-family="Times,serif" font-size="9.00" fill="white">Mug</text>
</g>
<!-- equipment_needed&#45;&gt;mug -->
<g id="edge9" class="edge">
<title>equipment_needed&#45;&gt;mug</title>
<path fill="none" stroke="#4a4a4a" d="M344.72,-113.22C352.06,-95.78 363.25,-69.15 371.68,-49.12"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="374.91,-50.46 375.56,-39.88 368.46,-47.75 374.91,-50.46"/>
<text text-anchor="middle" x="355.26" y="-78.67" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">for</text>
</g>
<!-- coffee_beans -->
<g id="node12" class="node">
<title>coffee_beans</title>
<path fill="#6b6b6c" stroke="black" d="M572.23,-198.41C572.23,-198.41 519.23,-198.41 519.23,-198.41 513.23,-198.41 507.23,-192.41 507.23,-186.41 507.23,-186.41 507.23,-174.41 507.23,-174.41 507.23,-168.41 513.23,-162.41 519.23,-162.41 519.23,-162.41 572.23,-162.41 572.23,-162.41 578.23,-162.41 584.23,-168.41 584.23,-174.41 584.23,-174.41 584.23,-186.41 584.23,-186.41 584.23,-192.41 578.23,-198.41 572.23,-198.41"/>
<text text-anchor="middle" x="545.73" y="-178.21" font-family="Times,serif" font-size="9.00" fill="white">Coffee Beans</text>
</g>
<!-- ingredients&#45;&gt;coffee_beans -->
<g id="edge11" class="edge">
<title>ingredients&#45;&gt;coffee_beans</title>
<path fill="none" stroke="#4a4a4a" d="M479.05,-246.22C490.99,-234.43 506.7,-218.93 519.87,-205.93"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="522.63,-208.13 527.29,-198.61 517.71,-203.15 522.63,-208.13"/>
<text text-anchor="middle" x="489.32" y="-224.67" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">primary</text>
</g>
<!-- water -->
<g id="node13" class="node">
<title>water</title>
<path fill="#6b6b6c" stroke="black" d="M596.34,-277.86C596.34,-277.86 566.34,-277.86 566.34,-277.86 560.34,-277.86 554.34,-271.86 554.34,-265.86 554.34,-265.86 554.34,-253.86 554.34,-253.86 554.34,-247.86 560.34,-241.86 566.34,-241.86 566.34,-241.86 596.34,-241.86 596.34,-241.86 602.34,-241.86 608.34,-247.86 608.34,-253.86 608.34,-253.86 608.34,-265.86 608.34,-265.86 608.34,-271.86 602.34,-277.86 596.34,-277.86"/>
<text text-anchor="middle" x="581.34" y="-257.66" font-family="Times,serif" font-size="9.00" fill="white">Water</text>
</g>
<!-- ingredients&#45;&gt;water -->
<g id="edge12" class="edge">
<title>ingredients&#45;&gt;water</title>
<path fill="none" stroke="#4a4a4a" d="M498.79,-263C513.24,-262.45 529.67,-261.83 544.04,-261.28"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="544.23,-264.77 554.09,-260.9 543.96,-257.78 544.23,-264.77"/>
<text text-anchor="middle" x="535" y="-256.35" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">essential</text>
</g>
<!-- optional_add_ins -->
<g id="node14" class="node">
<title>optional_add_ins</title>
<path fill="#6b6b6c" stroke="black" d="M579.42,-357.9C579.42,-357.9 508.42,-357.9 508.42,-357.9 502.42,-357.9 496.42,-351.9 496.42,-345.9 496.42,-345.9 496.42,-333.9 496.42,-333.9 496.42,-327.9 502.42,-321.9 508.42,-321.9 508.42,-321.9 579.42,-321.9 579.42,-321.9 585.42,-321.9 591.42,-327.9 591.42,-333.9 591.42,-333.9 591.42,-345.9 591.42,-345.9 591.42,-351.9 585.42,-357.9 579.42,-357.9"/>
<text text-anchor="middle" x="543.92" y="-337.7" font-family="Times,serif" font-size="9.00" fill="white">Optional Add&#45;ins</text>
</g>
<!-- ingredients&#45;&gt;optional_add_ins -->
<g id="edge13" class="edge">
<title>ingredients&#45;&gt;optional_add_ins</title>
<path fill="none" stroke="#4a4a4a" d="M480.75,-282.72C491.4,-292.35 504.63,-304.33 516.22,-314.82"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="514.17,-317.69 523.93,-321.81 518.87,-312.5 514.17,-317.69"/>
<text text-anchor="middle" x="481.14" y="-304.47" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">can include</text>
</g>
<!-- preparation_steps -->
<g id="node16" class="node">
<title>preparation_steps</title>
<path fill="#505050" stroke="black" d="M195.21,-581.11C195.21,-581.11 111.21,-581.11 111.21,-581.11 105.21,-581.11 99.21,-575.11 99.21,-569.11 99.21,-569.11 99.21,-557.11 99.21,-557.11 99.21,-551.11 105.21,-545.11 111.21,-545.11 111.21,-545.11 195.21,-545.11 195.21,-545.11 201.21,-545.11 207.21,-551.11 207.21,-557.11 207.21,-557.11 207.21,-569.11 207.21,-569.11 207.21,-575.11 201.21,-581.11 195.21,-581.11"/>
<text text-anchor="middle" x="153.21" y="-560.61" font-family="Times,serif" font-size="10.00" fill="white">Preparation Steps</text>
</g>
<!-- process_enjoyment&#45;&gt;preparation_steps -->
<g id="edge15" class="edge">
<title>process_enjoyment&#45;&gt;preparation_steps</title>
<path fill="none" stroke="#4a4a4a" d="M231.83,-526.8C222.09,-531.3 211.53,-536.17 201.42,-540.84"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="199.89,-537.69 192.28,-545.06 202.83,-544.05 199.89,-537.69"/>
<text text-anchor="middle" x="195.95" y="-538.58" font-family="Times,serif" font-size="8.00" fill="#4a4a4a">involves</text>
</g>
<!-- customization -->
<g id="node21" class="node">
<title>customization</title>
<path fill="#505050" stroke="black" d="M391.81,-619.76C391.81,-619.76 326.81,-619.76 326.81,-619.76 320.81,-619.76 314.81,-613.76 314.81,-607.76 314.81,-607.76 314.81,-595.76 314.81,-595.76 314.81,-589.76 320.81,-583.76 326.81,-583.76 326.81,-583.76 391.81,-583.76 391.81,-583.76 397.81,-583.76 403.81,-589.76 403.81,-595.76 403.81,-595.76 403.81,-607.76 403.81,-607.76 403.81,-613.76 397.81,-619.76 391.81,-619.76"/>
<text text-anchor="middle" x="359.31" y="-599.26" font-family="Times,serif" font-size="10.00" fill="white">Customization</text>
</g>
<!-- process_enjoyment&#45;&gt;customization -->
<g id="edge20" class="edge">
<title>process_enjoyment&#45;&gt;customization</title>
<path fill="none" stroke="#4a4a4a" d="M288.51,-527.06C301.89,-541.18 320.51,-560.83 335.3,-576.43"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="332.79,-578.88 342.21,-583.73 337.87,-574.06 332.79,-578.88"/>
<text text-anchor="middle" x="299.22" y="-557.84" font-family="Times,serif" font-size="8.00" fill="#4a4a4a">can add</text>
</g>
<!-- grind_beans -->
<g id="node17" class="node">
<title>grind_beans</title>
<path fill="#6b6b6c" stroke="black" d="M81.96,-521.25C81.96,-521.25 31.96,-521.25 31.96,-521.25 25.96,-521.25 19.96,-515.25 19.96,-509.25 19.96,-509.25 19.96,-497.25 19.96,-497.25 19.96,-491.25 25.96,-485.25 31.96,-485.25 31.96,-485.25 81.96,-485.25 81.96,-485.25 87.96,-485.25 93.96,-491.25 93.96,-497.25 93.96,-497.25 93.96,-509.25 93.96,-509.25 93.96,-515.25 87.96,-521.25 81.96,-521.25"/>
<text text-anchor="middle" x="56.96" y="-501.05" font-family="Times,serif" font-size="9.00" fill="white">Grind Beans</text>
</g>
<!-- preparation_steps&#45;&gt;grind_beans -->
<g id="edge16" class="edge">
<title>preparation_steps&#45;&gt;grind_beans</title>
<path fill="none" stroke="#4a4a4a" d="M124.07,-544.99C114.83,-539.24 104.49,-532.81 94.74,-526.75"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="96.34,-523.62 86,-521.31 92.64,-529.57 96.34,-523.62"/>
<text text-anchor="middle" x="74.93" y="-535.49" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">step 1 (if whole)</text>
</g>
<!-- combine_brew -->
<g id="node18" class="node">
<title>combine_brew</title>
<path fill="#6b6b6c" stroke="black" d="M198.34,-695.86C198.34,-695.86 127.34,-695.86 127.34,-695.86 121.34,-695.86 115.34,-689.86 115.34,-683.86 115.34,-683.86 115.34,-671.86 115.34,-671.86 115.34,-665.86 121.34,-659.86 127.34,-659.86 127.34,-659.86 198.34,-659.86 198.34,-659.86 204.34,-659.86 210.34,-665.86 210.34,-671.86 210.34,-671.86 210.34,-683.86 210.34,-683.86 210.34,-689.86 204.34,-695.86 198.34,-695.86"/>
<text text-anchor="middle" x="162.84" y="-675.66" font-family="Times,serif" font-size="9.00" fill="white">Combine &amp; Brew</text>
</g>
<!-- preparation_steps&#45;&gt;combine_brew -->
<g id="edge17" class="edge">
<title>preparation_steps&#45;&gt;combine_brew</title>
<path fill="none" stroke="#4a4a4a" d="M154.73,-581.29C156.28,-599.67 158.68,-628.33 160.47,-649.66"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="157,-650.09 161.32,-659.76 163.97,-649.5 157,-650.09"/>
<text text-anchor="middle" x="146.54" y="-623.05" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">step 2</text>
</g>
<!-- heat_water -->
<g id="node19" class="node">
<title>heat_water</title>
<path fill="#6b6b6c" stroke="black" d="M56,-598.38C56,-598.38 12,-598.38 12,-598.38 6,-598.38 0,-592.38 0,-586.38 0,-586.38 0,-574.38 0,-574.38 0,-568.38 6,-562.38 12,-562.38 12,-562.38 56,-562.38 56,-562.38 62,-562.38 68,-568.38 68,-574.38 68,-574.38 68,-586.38 68,-586.38 68,-592.38 62,-598.38 56,-598.38"/>
<text text-anchor="middle" x="34" y="-578.18" font-family="Times,serif" font-size="9.00" fill="white">Heat Water</text>
</g>
<!-- preparation_steps&#45;&gt;heat_water -->
<g id="edge18" class="edge">
<title>preparation_steps&#45;&gt;heat_water</title>
<path fill="none" stroke="#4a4a4a" d="M99.18,-570.94C92.23,-571.94 85.17,-572.97 78.4,-573.95"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="77.43,-570.55 68.04,-575.45 78.44,-577.48 77.43,-570.55"/>
<text text-anchor="middle" x="83.85" y="-567.56" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">step 3</text>
</g>
<!-- serve -->
<g id="node20" class="node">
<title>serve</title>
<path fill="#6b6b6c" stroke="black" d="M95.33,-674.13C95.33,-674.13 65.33,-674.13 65.33,-674.13 59.33,-674.13 53.33,-668.13 53.33,-662.13 53.33,-662.13 53.33,-650.13 53.33,-650.13 53.33,-644.13 59.33,-638.13 65.33,-638.13 65.33,-638.13 95.33,-638.13 95.33,-638.13 101.33,-638.13 107.33,-644.13 107.33,-650.13 107.33,-650.13 107.33,-662.13 107.33,-662.13 107.33,-668.13 101.33,-674.13 95.33,-674.13"/>
<text text-anchor="middle" x="80.33" y="-653.93" font-family="Times,serif" font-size="9.00" fill="white">Serve</text>
</g>
<!-- preparation_steps&#45;&gt;serve -->
<g id="edge19" class="edge">
<title>preparation_steps&#45;&gt;serve</title>
<path fill="none" stroke="#4a4a4a" d="M138.81,-581.49C127.96,-595.34 112.93,-614.52 100.83,-629.96"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="97.86,-628.08 94.45,-638.11 103.37,-632.39 97.86,-628.08"/>
<text text-anchor="middle" x="105.36" y="-611.9" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">step 4</text>
</g>
<!-- milk -->
<g id="node22" class="node">
<title>milk</title>
<path fill="#6b6b6c" stroke="black" d="M351.42,-734.57C351.42,-734.57 321.42,-734.57 321.42,-734.57 315.42,-734.57 309.42,-728.57 309.42,-722.57 309.42,-722.57 309.42,-710.57 309.42,-710.57 309.42,-704.57 315.42,-698.57 321.42,-698.57 321.42,-698.57 351.42,-698.57 351.42,-698.57 357.42,-698.57 363.42,-704.57 363.42,-710.57 363.42,-710.57 363.42,-722.57 363.42,-722.57 363.42,-728.57 357.42,-734.57 351.42,-734.57"/>
<text text-anchor="middle" x="336.42" y="-714.37" font-family="Times,serif" font-size="9.00" fill="white">Milk</text>
</g>
<!-- customization&#45;&gt;milk -->
<g id="edge21" class="edge">
<title>customization&#45;&gt;milk</title>
<path fill="none" stroke="#4a4a4a" d="M355.68,-619.96C352,-638.43 346.25,-667.28 341.98,-688.65"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="338.55,-687.97 340.03,-698.46 345.42,-689.34 338.55,-687.97"/>
<text text-anchor="middle" x="329.29" y="-661.93" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">optionally</text>
</g>
<!-- sugar -->
<g id="node23" class="node">
<title>sugar</title>
<path fill="#6b6b6c" stroke="black" d="M444.41,-714.18C444.41,-714.18 414.41,-714.18 414.41,-714.18 408.41,-714.18 402.41,-708.18 402.41,-702.18 402.41,-702.18 402.41,-690.18 402.41,-690.18 402.41,-684.18 408.41,-678.18 414.41,-678.18 414.41,-678.18 444.41,-678.18 444.41,-678.18 450.41,-678.18 456.41,-684.18 456.41,-690.18 456.41,-690.18 456.41,-702.18 456.41,-702.18 456.41,-708.18 450.41,-714.18 444.41,-714.18"/>
<text text-anchor="middle" x="429.41" y="-693.98" font-family="Times,serif" font-size="9.00" fill="white">Sugar</text>
</g>
<!-- customization&#45;&gt;sugar -->
<g id="edge22" class="edge">
<title>customization&#45;&gt;sugar</title>
<path fill="none" stroke="#4a4a4a" d="M372.83,-619.97C383.3,-634.07 397.96,-653.82 409.74,-669.68"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="407.16,-672.09 415.94,-678.03 412.78,-667.91 407.16,-672.09"/>
<text text-anchor="middle" x="375.93" y="-651.47" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">optionally</text>
</g>
<!-- spices -->
<g id="node24" class="node">
<title>spices</title>
<path fill="#6b6b6c" stroke="black" d="M489.36,-632.79C489.36,-632.79 459.36,-632.79 459.36,-632.79 453.36,-632.79 447.36,-626.79 447.36,-620.79 447.36,-620.79 447.36,-608.79 447.36,-608.79 447.36,-602.79 453.36,-596.79 459.36,-596.79 459.36,-596.79 489.36,-596.79 489.36,-596.79 495.36,-596.79 501.36,-602.79 501.36,-608.79 501.36,-608.79 501.36,-620.79 501.36,-620.79 501.36,-626.79 495.36,-632.79 489.36,-632.79"/>
<text text-anchor="middle" x="474.36" y="-612.59" font-family="Times,serif" font-size="9.00" fill="white">Spices</text>
</g>
<!-- customization&#45;&gt;spices -->
<g id="edge23" class="edge">
<title>customization&#45;&gt;spices</title>
<path fill="none" stroke="#4a4a4a" d="M404.12,-606.84C415.01,-608.07 426.53,-609.37 437.03,-610.56"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" points="436.79,-614.06 447.12,-611.7 437.57,-607.1 436.79,-614.06"/>
<text text-anchor="middle" x="425.39" y="-603.64" font-family="Times,serif" font-size="7.00" fill="#4a4a4a">e.g. Cinnamon</text>
</g>
</g>
</svg>