docs/img/cycle-nested-frontpage.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg viewBox="0 0 170 114" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.4.4 (17249) - http://www.bohemiancoding.com/sketch -->
<title>cycle-nested-frontpage</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="frontpage-cycle-nested" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="cycle-nested-frontpage" sketch:type="MSArtboardGroup">
<path d="M117.680004,52.9700012 L117.680004,18.9700012 L52.0600014,18.9700012 L52.0600014,52.9700012 L117.680004,52.9700012 Z M47.1500382,41.3017698 L41.7446744,46.7616238 L39,46.7616238 L39,44.0352795 L47.1500382,35.9317434 L52.0643573,35.9317434 L52.0643573,30.3517338 L47.1500382,30.3517338 L39,22.2095275 L39,19.4646865 L41.7446744,19.4646865 L47.1500382,24.7828537 L47.1500382,18.9639581 C47.1500382,16.2089614 49.33691,14 52.0643568,14 L117.671686,14 C120.385789,14 122.586005,16.2224398 122.586005,18.9639581 L122.586006,35.9317436 L128.062756,30.3517342 L130.711781,30.3517342 L130.711781,32.9328308 L122.586006,41.3017693 L117.671684,41.3017693 L117.671684,46.7616234 L122.586006,46.7616234 L130.711781,54.8047409 L130.711781,57.8026657 L128.062756,57.8026657 L122.586006,52.2992973 C122.586006,55.0408157 120.385787,57.8026657 117.671684,57.8026657 L52.0643568,57.8026657 C49.33691,57.8026657 47.1500378,55.0294743 47.1500378,52.2992973 L47.1500382,41.3017698 Z" id="Shape" fill="#333333" sketch:type="MSShapeGroup"></path>
<text id="Sources" sketch:type="MSTextLayer" font-family="Source Sans Pro" font-size="8" font-weight="normal" sketch:alignment="middle" fill="#409B9E">
<tspan x="6.272" y="28">Sources</tspan>
</text>
<text id="Sinks" sketch:type="MSTextLayer" font-family="Source Sans Pro" font-size="8" font-weight="normal" sketch:alignment="middle" fill="#67AB83">
<tspan x="136.036" y="38">Sinks</tspan>
</text>
<text id="main()" sketch:type="MSTextLayer" font-family="Courier" font-size="8" font-weight="normal" sketch:alignment="middle" fill="#333333">
<tspan x="71.0976562" y="10">main()</tspan>
</text>
<path d="M117.680004,103.970001 L117.680004,69.9700012 L52.0600014,69.9700012 L52.0600014,103.970001 L117.680004,103.970001 Z M47.1500382,92.3017698 L41.7446744,97.7616238 L39,97.7616238 L39,95.0352795 L47.1500382,86.9317434 L52.0643573,86.9317434 L52.0643573,81.3517338 L47.1500382,81.3517338 L39,73.2095275 L39,70.4646865 L41.7446744,70.4646865 L47.1500382,75.7828537 L47.1500382,69.9639581 C47.1500382,67.2089614 49.33691,65 52.0643568,65 L117.671686,65 C120.385789,65 122.586005,67.2224398 122.586005,69.9639581 L122.586006,86.9317436 L128.062756,81.3517342 L130.711781,81.3517342 L130.711781,83.9328308 L122.586006,92.3017693 L117.671684,92.3017693 L117.671684,97.7616234 L122.586006,97.7616234 L130.711781,105.804741 L130.711781,108.802666 L128.062756,108.802666 L122.586006,103.299297 C122.586006,106.040816 120.385787,108.802666 117.671684,108.802666 L52.0643568,108.802666 C49.33691,108.802666 47.1500378,106.029474 47.1500378,103.299297 L47.1500382,92.3017698 Z" id="Shape" fill="#9B9B9B" sketch:type="MSShapeGroup"></path>
<g id="Rectangle-7-+-DOM-side-effects" sketch:type="MSLayerGroup" transform="translate(53.000000, 71.000000)">
<path d="M0,0 L63.7000008,0 L63.7000008,32 L26.3717738,32 L0,32 L0,0 Z" id="Rectangle-7" stroke="#4A4A4A" sketch:type="MSShapeGroup"></path>
<path d="M0.5,10 L63,10" id="Line" stroke="#4A4A4A" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<text id="DOM-side-effects" sketch:type="MSTextLayer" font-family="Source Sans Pro" font-size="5.22144522" font-weight="normal" sketch:alignment="middle" fill="#4A4A4A">
<tspan x="13.849068" y="7">DOM side effects</tspan>
</text>
<text id="HTTP-side-effects" sketch:type="MSTextLayer" font-family="Source Sans Pro" font-size="5.22144522" font-weight="normal" sketch:alignment="middle" fill="#4A4A4A">
<tspan x="13.0815155" y="17.5">HTTP side effects</tspan>
</text>
<text id="Other-side-effects" sketch:type="MSTextLayer" font-family="Source Sans Pro" font-size="5.22144522" font-weight="normal" sketch:alignment="middle" fill="#4A4A4A">
<tspan x="12.8491612" y="28">Other side effects</tspan>
</text>
<path d="M0.5,21 L63,21" id="Line" stroke="#4A4A4A" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
<text id="pure-dataflow" sketch:type="MSTextLayer" font-family="Source Sans Pro" font-size="6" font-style="italic" font-weight="normal" sketch:alignment="middle" fill="#9B9B9B">
<tspan x="66.792" y="25">pure dataflow</tspan>
</text>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(55.000000, 28.000000)">
<g id="Triangle-1-+-Rectangle-2" transform="translate(13.500000, 2.000000) scale(-1, 1) rotate(-270.000000) translate(-13.500000, -2.000000) translate(12.500000, -3.500000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 10.166667) scale(1, -1) translate(-1.000000, -10.166667) " points="1 9.33333333 2 11 3.55271368e-15 11 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="10"></rect>
</g>
<g id="Triangle-1-+-Rectangle-2" transform="translate(21.000000, 7.000000) scale(-1, 1) rotate(-270.000000) translate(-21.000000, -7.000000) translate(20.000000, -6.000000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 25.166667) scale(1, -1) translate(-1.000000, -25.166667) " points="1 24.3333333 2 26 0 26 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="25"></rect>
</g>
<g id="Triangle-1-+-Rectangle-2" transform="translate(28.500000, 2.000000) scale(-1, 1) rotate(-270.000000) translate(-28.500000, -2.000000) translate(27.500000, -3.500000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 10.166667) scale(1, -1) translate(-1.000000, -10.166667) " points="1 9.33333333 2 11 3.55271368e-15 11 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="10"></rect>
</g>
<g id="Triangle-1-+-Rectangle-2" transform="translate(36.500000, 10.500000) scale(-1, 1) translate(-36.500000, -10.500000) translate(35.500000, 7.000000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 6.166667) scale(1, -1) translate(-1.000000, -6.166667) " points="1 5.33333333 2 7 0 7 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="6"></rect>
</g>
<rect id="Rectangle-10" stroke="#333333" fill="#50E3C2" sketch:type="MSShapeGroup" x="34" y="2" width="5" height="5"></rect>
<g id="Triangle-1-+-Rectangle-2" transform="translate(51.500000, 10.500000) scale(-1, 1) translate(-51.500000, -10.500000) translate(50.500000, 7.000000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 6.166667) scale(1, -1) translate(-1.000000, -6.166667) " points="1 5.33333333 2 7 0 7 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="6"></rect>
</g>
<rect id="Rectangle-10" stroke="#333333" fill="#B8E986" sketch:type="MSShapeGroup" x="49.5" y="3" width="4" height="4"></rect>
<g id="Triangle-1-+-Rectangle-2" transform="translate(44.000000, 16.000000) scale(-1, 1) rotate(-270.000000) translate(-44.000000, -16.000000) translate(43.000000, 10.500000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 10.166667) scale(1, -1) translate(-1.000000, -10.166667) " points="1 9.33333333 2 11 3.55271368e-15 11 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="10"></rect>
</g>
<g id="Triangle-1-+-Rectangle-2" transform="translate(57.000000, 16.000000) scale(-1, 1) rotate(-270.000000) translate(-57.000000, -16.000000) translate(56.000000, 12.500000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 6.166667) scale(1, -1) translate(-1.000000, -6.166667) " points="1 5.33333333 2 7 0 7 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="6"></rect>
</g>
<g id="Triangle-1-+-Rectangle-2" transform="translate(2.000000, 2.000000) scale(-1, 1) rotate(-270.000000) translate(-2.000000, -2.000000) translate(1.000000, 0.000000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 3.166667) scale(1, -1) translate(-1.000000, -3.166667) " points="1 2.33333333 2 4 2.22044605e-16 4 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="0" width="0.666666667" height="3"></rect>
</g>
<g id="Triangle-1-+-Rectangle-2" transform="translate(29.000000, 16.000000) scale(-1, 1) rotate(-270.000000) translate(-29.000000, -16.000000) translate(28.000000, 10.000000)" fill="#9B9B9B" sketch:type="MSShapeGroup">
<polygon id="Triangle-1" transform="translate(1.000000, 10.633336) scale(1, -1) translate(-1.000000, -10.633336) " points="1 9.80000305 2 11.4666697 0 11.4666697 "></polygon>
<rect id="Rectangle-1" x="0.666666667" y="-3.55271368e-15" width="0.666666667" height="10"></rect>
</g>
<rect id="Rectangle-10" stroke="#333333" fill="#50E3C2" sketch:type="MSShapeGroup" x="19" y="14" width="4" height="4"></rect>
<rect id="Rectangle-10" stroke="#333333" fill="#50E3C2" sketch:type="MSShapeGroup" x="4" y="0" width="4" height="4"></rect>
<rect id="Rectangle-10" stroke="#333333" fill="#B8E986" sketch:type="MSShapeGroup" x="4" y="5" width="4" height="4"></rect>
<rect id="Rectangle-10" stroke="#333333" fill="#50E3C2" sketch:type="MSShapeGroup" x="19" y="0" width="4" height="4"></rect>
<rect id="Rectangle-10" stroke="#333333" fill="#B8E986" sketch:type="MSShapeGroup" x="34.5" y="14" width="4" height="4"></rect>
<rect id="Rectangle-10" stroke="#333333" fill="#50E3C2" sketch:type="MSShapeGroup" x="49.5" y="14" width="4" height="4"></rect>
</g>
<g id="Triangle-1-+-Rectangle-2" sketch:type="MSLayerGroup" transform="translate(57.000000, 35.000000) scale(-1, 1) rotate(-270.000000) translate(-57.000000, -35.000000) translate(56.000000, 33.000000)" fill="#9B9B9B">
<polygon id="Triangle-1" sketch:type="MSShapeGroup" transform="translate(1.000000, 3.166667) scale(1, -1) translate(-1.000000, -3.166667) " points="1 2.33333333 2 4 0 4 "></polygon>
<rect id="Rectangle-1" sketch:type="MSShapeGroup" x="0.666666667" y="-7.10542736e-15" width="0.666666667" height="3"></rect>
</g>
<g id="Path-7-+-Triangle-1" sketch:type="MSLayerGroup" transform="translate(19.000000, 30.000000)">
<path d="M21.7893716,2.81984856 C-6.09711823,2.81984856 -6.29587223,54.1473073 21.7893725,54.1473067" id="Path-7" stroke="#409B9E" stroke-width="2" sketch:type="MSShapeGroup"></path>
<path d="M19.5,0 L19.5,6 L24.5,3 L19.5,0 Z" id="Triangle-1" fill="#409B9E" sketch:type="MSShapeGroup"></path>
</g>
<g id="Path-7-+-Triangle-1" sketch:type="MSLayerGroup" transform="translate(138.062923, 70.678550) rotate(-180.000000) translate(-138.062923, -70.678550) translate(125.562923, 43.178550)">
<path d="M21.7893716,2.81984856 C-6.09711823,2.81984856 -6.29587223,54.1473073 21.7893725,54.1473067" id="Path-7" stroke="#9AC572" stroke-width="2" sketch:type="MSShapeGroup"></path>
<path d="M19.5,-1.42108547e-14 L19.5,6 L24.5,3 L19.5,-1.42108547e-14 Z" id="Triangle-1" fill="#9AC572" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>