doc/real-world-samples/react-high-level-dependencies.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.40.1 (20161225.0304)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="880pt" height="448pt"
 viewBox="0.00 0.00 880.00 448.00" 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(4 444)">
<title>dependency&#45;cruiser output</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-444 876,-444 876,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_packages</title>
<path fill="#ffffff" stroke="#000000" stroke-width="2" d="M20,-8C20,-8 852,-8 852,-8 858,-8 864,-14 864,-20 864,-20 864,-420 864,-420 864,-426 858,-432 852,-432 852,-432 20,-432 20,-432 14,-432 8,-426 8,-420 8,-420 8,-20 8,-20 8,-14 14,-8 20,-8"/>
<text text-anchor="middle" x="436" y="-420.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">packages</text>
</g>
<!-- packages/create&#45;subscription -->
<g id="node1" class="node">
<title>packages/create&#45;subscription</title>
<g id="a_node1"><a xlink:href="https://github.com/facebook/react/blob/master/packages/create-subscription" xlink:title="create&#45;subscription">
<polygon fill="#ffffcc" stroke="#000000" points="855.5,-313 762.5,-313 760.5,-311 760.5,-295 853.5,-295 855.5,-297 855.5,-313"/>
<polyline fill="none" stroke="#000000" points="853.5,-311 760.5,-311 "/>
<polyline fill="none" stroke="#000000" points="853.5,-311 853.5,-295 "/>
<polyline fill="none" stroke="#000000" points="853.5,-311 855.5,-313 "/>
<text text-anchor="middle" x="808" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">create&#45;subscription</text>
</a>
</g>
</g>
<!-- packages/react -->
<g id="node2" class="node">
<title>packages/react</title>
<g id="a_node2"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react" xlink:title="react">
<polygon fill="#ccccff" stroke="#000000" points="519,-282 467,-282 465,-280 465,-264 517,-264 519,-266 519,-282"/>
<polyline fill="none" stroke="#000000" points="517,-280 465,-280 "/>
<polyline fill="none" stroke="#000000" points="517,-280 517,-264 "/>
<polyline fill="none" stroke="#000000" points="517,-280 519,-282 "/>
<text text-anchor="middle" x="492" y="-270.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react</text>
</a>
</g>
</g>
<!-- packages/create&#45;subscription&#45;&gt;packages/react -->
<g id="edge1" class="edge">
<title>packages/create&#45;subscription&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M766.5,-294.8666C766.5,-285.7224 766.5,-273 766.5,-273 766.5,-273 525.3237,-273 525.3237,-273"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.3237,-270.9001 519.3237,-273 525.3236,-275.1001 525.3237,-270.9001"/>
</g>
<!-- packages/shared -->
<g id="node3" class="node">
<title>packages/shared</title>
<g id="a_node3"><a xlink:href="https://github.com/facebook/react/blob/master/packages/shared" xlink:title="shared">
<polygon fill="#ffffcc" stroke="#000000" points="422,-34 370,-34 368,-32 368,-16 420,-16 422,-18 422,-34"/>
<polyline fill="none" stroke="#000000" points="420,-32 368,-32 "/>
<polyline fill="none" stroke="#000000" points="420,-32 420,-16 "/>
<polyline fill="none" stroke="#000000" points="420,-32 422,-34 "/>
<text text-anchor="middle" x="395" y="-22.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">shared</text>
</a>
</g>
</g>
<!-- packages/create&#45;subscription&#45;&gt;packages/shared -->
<g id="edge2" class="edge">
<title>packages/create&#45;subscription&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M772.5,-294.8292C772.5,-280.3947 772.5,-254 772.5,-254 772.5,-254 399,-254 399,-254 399,-254 399,-40.2607 399,-40.2607"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="401.1001,-40.2607 399,-34.2607 396.9001,-40.2607 401.1001,-40.2607"/>
</g>
<!-- packages/react&#45;noop&#45;renderer -->
<g id="node4" class="node">
<title>packages/react&#45;noop&#45;renderer</title>
<g id="a_node4"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-noop-renderer" xlink:title="react&#45;noop&#45;renderer">
<polygon fill="#ffcccc" stroke="#000000" points="738.5,-251 641.5,-251 639.5,-249 639.5,-233 736.5,-233 738.5,-235 738.5,-251"/>
<polyline fill="none" stroke="#000000" points="736.5,-249 639.5,-249 "/>
<polyline fill="none" stroke="#000000" points="736.5,-249 736.5,-233 "/>
<polyline fill="none" stroke="#000000" points="736.5,-249 738.5,-251 "/>
<text text-anchor="middle" x="689" y="-239.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;noop&#45;renderer</text>
</a>
</g>
</g>
<!-- packages/create&#45;subscription&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge3" class="edge">
<title>packages/create&#45;subscription&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M778.5,-294.8517C778.5,-277.6053 778.5,-242 778.5,-242 778.5,-242 744.7228,-242 744.7228,-242"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="744.7228,-239.9001 738.7228,-242 744.7228,-244.1001 744.7228,-239.9001"/>
</g>
<!-- packages/scheduler -->
<g id="node5" class="node">
<title>packages/scheduler</title>
<g id="a_node5"><a xlink:href="https://github.com/facebook/react/blob/master/packages/scheduler" xlink:title="scheduler">
<polygon fill="#ffffcc" stroke="#000000" points="214.5,-65 159.5,-65 157.5,-63 157.5,-47 212.5,-47 214.5,-49 214.5,-65"/>
<polyline fill="none" stroke="#000000" points="212.5,-63 157.5,-63 "/>
<polyline fill="none" stroke="#000000" points="212.5,-63 212.5,-47 "/>
<polyline fill="none" stroke="#000000" points="212.5,-63 214.5,-65 "/>
<text text-anchor="middle" x="186" y="-53.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">scheduler</text>
</a>
</g>
</g>
<!-- packages/create&#45;subscription&#45;&gt;packages/scheduler -->
<g id="edge4" class="edge">
<title>packages/create&#45;subscription&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M784.5,-294.7956C784.5,-255.2785 784.5,-102 784.5,-102 784.5,-102 206.75,-102 206.75,-102 206.75,-102 206.75,-71.3088 206.75,-71.3088"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="208.8501,-71.3088 206.75,-65.3088 204.6501,-71.3088 208.8501,-71.3088"/>
</g>
<!-- packages/react&#45;&gt;packages/shared -->
<g id="edge6" class="edge">
<title>packages/react&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M464.8033,-265C435.0398,-265 391.5,-265 391.5,-265 391.5,-265 391.5,-40.1152 391.5,-40.1152"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="393.6001,-40.1152 391.5,-34.1152 389.4001,-40.1153 393.6001,-40.1152"/>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge12" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M519.0809,-269C566.1898,-269 658.25,-269 658.25,-269 658.25,-269 658.25,-257.141 658.25,-257.141"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="660.3501,-257.1409 658.25,-251.141 656.1501,-257.141 660.3501,-257.1409"/>
</g>
<!-- packages/react&#45;&gt;packages/scheduler -->
<g id="edge10" class="edge">
<title>packages/react&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M464.9568,-273C388.7918,-273 178,-273 178,-273 178,-273 178,-71.0479 178,-71.0479"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="180.1001,-71.0479 178,-65.0479 175.9001,-71.048 180.1001,-71.0479"/>
</g>
<!-- packages/react&#45;reconciler -->
<g id="node9" class="node">
<title>packages/react&#45;reconciler</title>
<g id="a_node9"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-reconciler" xlink:title="react&#45;reconciler">
<polygon fill="#ffcccc" stroke="#000000" points="370,-220 292,-220 290,-218 290,-202 368,-202 370,-204 370,-220"/>
<polyline fill="none" stroke="#000000" points="368,-218 290,-218 "/>
<polyline fill="none" stroke="#000000" points="368,-218 368,-202 "/>
<polyline fill="none" stroke="#000000" points="368,-218 370,-220 "/>
<text text-anchor="middle" x="330" y="-208.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;reconciler</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;reconciler -->
<g id="edge7" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M464.9147,-268C423.2014,-268 348,-268 348,-268 348,-268 348,-226.158 348,-226.158"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="350.1001,-226.158 348,-220.158 345.9001,-226.1581 350.1001,-226.158"/>
</g>
<!-- packages/react&#45;dom -->
<g id="node10" class="node">
<title>packages/react&#45;dom</title>
<g id="a_node10"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-dom" xlink:title="react&#45;dom">
<polygon fill="#ffcccc" stroke="#000000" points="504,-158 448,-158 446,-156 446,-140 502,-140 504,-142 504,-158"/>
<polyline fill="none" stroke="#000000" points="502,-156 446,-156 "/>
<polyline fill="none" stroke="#000000" points="502,-156 502,-140 "/>
<polyline fill="none" stroke="#000000" points="502,-156 504,-158 "/>
<text text-anchor="middle" x="475" y="-146.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;dom</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;dom -->
<g id="edge8" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M519.0891,-280C521.3976,-280 522.875,-280 522.875,-280 522.875,-280 522.875,-156 522.875,-156 522.875,-156 510.2282,-156 510.2282,-156"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="510.2282,-153.9001 504.2282,-156 510.2282,-158.1001 510.2282,-153.9001"/>
</g>
<!-- packages/react&#45;test&#45;renderer -->
<g id="node11" class="node">
<title>packages/react&#45;test&#45;renderer</title>
<g id="a_node11"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-test-renderer" xlink:title="react&#45;test&#45;renderer">
<polygon fill="#ffcccc" stroke="#000000" points="291,-127 201,-127 199,-125 199,-109 289,-109 291,-111 291,-127"/>
<polyline fill="none" stroke="#000000" points="289,-125 199,-125 "/>
<polyline fill="none" stroke="#000000" points="289,-125 289,-109 "/>
<polyline fill="none" stroke="#000000" points="289,-125 291,-127 "/>
<text text-anchor="middle" x="245" y="-115.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;test&#45;renderer</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge9" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M464.7312,-270C406.078,-270 273.2,-270 273.2,-270 273.2,-270 273.2,-133.0531 273.2,-133.0531"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="275.3001,-133.0531 273.2,-127.0531 271.1001,-133.0531 275.3001,-133.0531"/>
</g>
<!-- packages/react&#45;cache -->
<g id="node12" class="node">
<title>packages/react&#45;cache</title>
<g id="a_node12"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-cache" xlink:title="react&#45;cache">
<polygon fill="#ffcccc" stroke="#000000" points="332.5,-96 269.5,-96 267.5,-94 267.5,-78 330.5,-78 332.5,-80 332.5,-96"/>
<polyline fill="none" stroke="#000000" points="330.5,-94 267.5,-94 "/>
<polyline fill="none" stroke="#000000" points="330.5,-94 330.5,-78 "/>
<polyline fill="none" stroke="#000000" points="330.5,-94 332.5,-96 "/>
<text text-anchor="middle" x="300" y="-84.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;cache</text>
</a>
</g>
</g>
<!-- packages/react&#45;&gt;packages/react&#45;cache -->
<g id="edge11" class="edge">
<title>packages/react&#45;&gt;packages/react&#45;cache</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M477.375,-263.9834C477.375,-243.8517 477.375,-197 477.375,-197 477.375,-197 299,-197 299,-197 299,-197 299,-102.0018 299,-102.0018"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="301.1001,-102.0017 299,-96.0018 296.9001,-102.0018 301.1001,-102.0017"/>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/shared -->
<g id="edge84" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M639.2495,-239C556.9633,-239 401.5,-239 401.5,-239 401.5,-239 401.5,-40.1953 401.5,-40.1953"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="403.6001,-40.1953 401.5,-34.1953 399.4001,-40.1953 403.6001,-40.1953"/>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/scheduler -->
<g id="edge83" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M639.2952,-249C512.1437,-249 185,-249 185,-249 185,-249 185,-71.0499 185,-71.0499"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="187.1001,-71.0499 185,-65.0499 182.9001,-71.05 187.1001,-71.0499"/>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;reconciler -->
<g id="edge82" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M639.2384,-245C547.0499,-245 359,-245 359,-245 359,-245 359,-226.2906 359,-226.2906"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="361.1001,-226.2906 359,-220.2906 356.9001,-226.2907 361.1001,-226.2906"/>
</g>
<!-- packages/react&#45;client -->
<g id="node14" class="node">
<title>packages/react&#45;client</title>
<g id="a_node14"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-client" xlink:title="react&#45;client">
<polygon fill="#ffcccc" stroke="#000000" points="753,-65 693,-65 691,-63 691,-47 751,-47 753,-49 753,-65"/>
<polyline fill="none" stroke="#000000" points="751,-63 691,-63 "/>
<polyline fill="none" stroke="#000000" points="751,-63 751,-47 "/>
<polyline fill="none" stroke="#000000" points="751,-63 753,-65 "/>
<text text-anchor="middle" x="722" y="-53.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;client</text>
</a>
</g>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;client -->
<g id="edge80" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;client</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M706.8333,-232.7762C706.8333,-232.7762 706.8333,-71.2794 706.8333,-71.2794"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="708.9334,-71.2794 706.8333,-65.2794 704.7334,-71.2795 708.9334,-71.2794"/>
</g>
<!-- packages/react&#45;server -->
<g id="node25" class="node">
<title>packages/react&#45;server</title>
<g id="a_node25"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-server" xlink:title="react&#45;server">
<polygon fill="#ffcccc" stroke="#000000" points="640.5,-127 577.5,-127 575.5,-125 575.5,-109 638.5,-109 640.5,-111 640.5,-127"/>
<polyline fill="none" stroke="#000000" points="638.5,-125 575.5,-125 "/>
<polyline fill="none" stroke="#000000" points="638.5,-125 638.5,-109 "/>
<polyline fill="none" stroke="#000000" points="638.5,-125 640.5,-127 "/>
<text text-anchor="middle" x="608" y="-115.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;server</text>
</a>
</g>
</g>
<!-- packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;server -->
<g id="edge81" class="edge">
<title>packages/react&#45;noop&#45;renderer&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M639.4747,-235C636.0981,-235 634,-235 634,-235 634,-235 634,-133.1808 634,-133.1808"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="636.1001,-133.1808 634,-127.1808 631.9001,-133.1808 636.1001,-133.1808"/>
</g>
<!-- packages/scheduler&#45;&gt;packages/react -->
<g id="edge121" class="edge">
<title>packages/scheduler&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M181.5,-65.2383C181.5,-106.3906 181.5,-271 181.5,-271 181.5,-271 458.9883,-271 458.9883,-271"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.9884,-273.1001 464.9883,-271 458.9883,-268.9001 458.9884,-273.1001"/>
</g>
<!-- packages/scheduler&#45;&gt;packages/shared -->
<g id="edge120" class="edge">
<title>packages/scheduler&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M214.7909,-61C269.7057,-61 384,-61 384,-61 384,-61 384,-40.0843 384,-40.0843"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="386.1001,-40.0843 384,-34.0843 381.9001,-40.0844 386.1001,-40.0843"/>
</g>
<!-- packages/dom&#45;event&#45;testing&#45;library -->
<g id="node6" class="node">
<title>packages/dom&#45;event&#45;testing&#45;library</title>
<g id="a_node6"><a xlink:href="https://github.com/facebook/react/blob/master/packages/dom-event-testing-library" xlink:title="dom&#45;event&#45;testing&#45;library">
<polygon fill="#ffffcc" stroke="#000000" points="534.5,-127 417.5,-127 415.5,-125 415.5,-109 532.5,-109 534.5,-111 534.5,-127"/>
<polyline fill="none" stroke="#000000" points="532.5,-125 415.5,-125 "/>
<polyline fill="none" stroke="#000000" points="532.5,-125 532.5,-109 "/>
<polyline fill="none" stroke="#000000" points="532.5,-125 534.5,-127 "/>
<text text-anchor="middle" x="475" y="-115.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">dom&#45;event&#45;testing&#45;library</text>
</a>
</g>
</g>
<!-- packages/eslint&#45;plugin&#45;react&#45;hooks -->
<g id="node7" class="node">
<title>packages/eslint&#45;plugin&#45;react&#45;hooks</title>
<g id="a_node7"><a xlink:href="https://github.com/facebook/react/blob/master/packages/eslint-plugin-react-hooks" xlink:title="eslint&#45;plugin&#45;react&#45;hooks">
<polygon fill="#ffffcc" stroke="#000000" points="808,-406 692,-406 690,-404 690,-388 806,-388 808,-390 808,-406"/>
<polyline fill="none" stroke="#000000" points="806,-404 690,-404 "/>
<polyline fill="none" stroke="#000000" points="806,-404 806,-388 "/>
<polyline fill="none" stroke="#000000" points="806,-404 808,-406 "/>
<text text-anchor="middle" x="749" y="-394.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">eslint&#45;plugin&#45;react&#45;hooks</text>
</a>
</g>
</g>
<!-- packages/jest&#45;react -->
<g id="node8" class="node">
<title>packages/jest&#45;react</title>
<g id="a_node8"><a xlink:href="https://github.com/facebook/react/blob/master/packages/jest-react" xlink:title="jest&#45;react">
<polygon fill="#ffffcc" stroke="#000000" points="84,-65 32,-65 30,-63 30,-47 82,-47 84,-49 84,-65"/>
<polyline fill="none" stroke="#000000" points="82,-63 30,-63 "/>
<polyline fill="none" stroke="#000000" points="82,-63 82,-47 "/>
<polyline fill="none" stroke="#000000" points="82,-63 84,-65 "/>
<text text-anchor="middle" x="57" y="-53.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">jest&#45;react</text>
</a>
</g>
</g>
<!-- packages/jest&#45;react&#45;&gt;packages/shared -->
<g id="edge5" class="edge">
<title>packages/jest&#45;react&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M57,-46.8666C57,-37.7224 57,-25 57,-25 57,-25 361.9114,-25 361.9114,-25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="361.9114,-27.1001 367.9114,-25 361.9114,-22.9001 361.9114,-27.1001"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react -->
<g id="edge87" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M353.5,-220.2473C353.5,-236.1528 353.5,-267 353.5,-267 353.5,-267 458.967,-267 458.967,-267"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.9671,-269.1001 464.967,-267 458.967,-264.9001 458.9671,-269.1001"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/shared -->
<g id="edge85" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M370.022,-211C372.5408,-211 374.0909,-211 374.0909,-211 374.0909,-211 374.0909,-40.2238 374.0909,-40.2238"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="376.191,-40.2237 374.0909,-34.2238 371.991,-40.2238 376.191,-40.2237"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge90" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M364.5,-220.0843C364.5,-229.5449 364.5,-243 364.5,-243 364.5,-243 633.3622,-243 633.3622,-243"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="633.3622,-245.1001 639.3622,-243 633.3622,-240.9001 633.3622,-245.1001"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/scheduler -->
<g id="edge86" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M289.8303,-208C247.9967,-208 188.5,-208 188.5,-208 188.5,-208 188.5,-71.0531 188.5,-71.0531"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="190.6001,-71.0531 188.5,-65.0531 186.4001,-71.0531 190.6001,-71.0531"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;dom -->
<g id="edge91" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M361.4,-201.7527C361.4,-185.8472 361.4,-155 361.4,-155 361.4,-155 439.7452,-155 439.7452,-155"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="439.7452,-157.1001 445.7452,-155 439.7451,-152.9001 439.7452,-157.1001"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge88" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M293,-201.7428C293,-178.2195 293,-118 293,-118 293,-118 292.8403,-118 292.8403,-118"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="297.4031,-115.9004 291.403,-118 297.4028,-120.1004 297.4031,-115.9004"/>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;cache -->
<g id="edge89" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;cache</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M297,-201.6798C297,-201.6798 297,-102.0913 297,-102.0913"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="299.1001,-102.0913 297,-96.0913 294.9001,-102.0913 299.1001,-102.0913"/>
</g>
<!-- packages/react&#45;art -->
<g id="node13" class="node">
<title>packages/react&#45;art</title>
<g id="a_node13"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-art" xlink:title="react&#45;art">
<polygon fill="#ffcccc" stroke="#000000" points="357,-189 305,-189 303,-187 303,-171 355,-171 357,-173 357,-189"/>
<polyline fill="none" stroke="#000000" points="355,-187 303,-187 "/>
<polyline fill="none" stroke="#000000" points="355,-187 355,-171 "/>
<polyline fill="none" stroke="#000000" points="355,-187 357,-189 "/>
<text text-anchor="middle" x="330" y="-177.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;art</text>
</a>
</g>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;art -->
<g id="edge92" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;art</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M321,-201.8666C321,-201.8666 321,-195.1752 321,-195.1752"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="323.1001,-195.1752 321,-189.1752 318.9001,-195.1752 323.1001,-195.1752"/>
</g>
<!-- packages/react&#45;native&#45;renderer -->
<g id="node28" class="node">
<title>packages/react&#45;native&#45;renderer</title>
<g id="a_node28"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-native-renderer" xlink:title="react&#45;native&#45;renderer">
<polygon fill="#ffcccc" stroke="#000000" points="514.5,-189 413.5,-189 411.5,-187 411.5,-171 512.5,-171 514.5,-173 514.5,-189"/>
<polyline fill="none" stroke="#000000" points="512.5,-187 411.5,-187 "/>
<polyline fill="none" stroke="#000000" points="512.5,-187 512.5,-171 "/>
<polyline fill="none" stroke="#000000" points="512.5,-187 514.5,-189 "/>
<text text-anchor="middle" x="463" y="-177.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;native&#45;renderer</text>
</a>
</g>
</g>
<!-- packages/react&#45;reconciler&#45;&gt;packages/react&#45;native&#45;renderer -->
<g id="edge93" class="edge">
<title>packages/react&#45;reconciler&#45;&gt;packages/react&#45;native&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M365.8,-201.9826C365.8,-192.2119 365.8,-178 365.8,-178 365.8,-178 405.2695,-178 405.2695,-178"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="405.2695,-180.1001 411.2695,-178 405.2695,-175.9001 405.2695,-180.1001"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react -->
<g id="edge65" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M504.2022,-154C515.9406,-154 526.75,-154 526.75,-154 526.75,-154 526.75,-265 526.75,-265 526.75,-265 525.0378,-265 525.0378,-265"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.0379,-262.9001 519.0378,-265 525.0378,-267.1001 525.0379,-262.9001"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/shared -->
<g id="edge63" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M445.9498,-141C427.2802,-141 406.5,-141 406.5,-141 406.5,-141 406.5,-40.1023 406.5,-40.1023"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="408.6001,-40.1023 406.5,-34.1023 404.4001,-40.1024 408.6001,-40.1023"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge69" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M504.2664,-147C555.1771,-147 654.6667,-147 654.6667,-147 654.6667,-147 654.6667,-226.891 654.6667,-226.891"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="652.5668,-226.891 654.6667,-232.891 656.7668,-226.891 652.5668,-226.891"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/scheduler -->
<g id="edge64" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M445.8796,-147C374.2927,-147 195.5,-147 195.5,-147 195.5,-147 195.5,-71.0581 195.5,-71.0581"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="197.6001,-71.0581 195.5,-65.0581 193.4001,-71.0582 197.6001,-71.0581"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/dom&#45;event&#45;testing&#45;library -->
<g id="edge67" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/dom&#45;event&#45;testing&#45;library</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M475,-139.8666C475,-139.8666 475,-133.1752 475,-133.1752"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="477.1001,-133.1752 475,-127.1752 472.9001,-133.1752 477.1001,-133.1752"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;reconciler -->
<g id="edge62" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M445.7788,-153C411.474,-153 359.2,-153 359.2,-153 359.2,-153 359.2,-195.9375 359.2,-195.9375"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="357.1001,-195.9375 359.2,-201.9375 361.3001,-195.9375 357.1001,-195.9375"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge70" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M445.8521,-146C392.78,-146 285.8,-146 285.8,-146 285.8,-146 285.8,-133.1682 285.8,-133.1682"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="287.9001,-133.1682 285.8,-127.1682 283.7001,-133.1683 287.9001,-133.1682"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;cache -->
<g id="edge68" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;cache</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M445.791,-143C400.3155,-143 317.75,-143 317.75,-143 317.75,-143 317.75,-102.2473 317.75,-102.2473"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="319.8501,-102.2472 317.75,-96.2473 315.6501,-102.2473 319.8501,-102.2472"/>
</g>
<!-- packages/react&#45;dom&#45;&gt;packages/react&#45;server -->
<g id="edge66" class="edge">
<title>packages/react&#45;dom&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M504.0333,-141C535.4919,-141 581.25,-141 581.25,-141 581.25,-141 581.25,-133.0902 581.25,-133.0902"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="583.3501,-133.0902 581.25,-127.0902 579.1501,-133.0902 583.3501,-133.0902"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react -->
<g id="edge108" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M275.3,-127.4457C275.3,-160.5033 275.3,-269 275.3,-269 275.3,-269 458.9929,-269 458.9929,-269"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.993,-271.1001 464.9929,-269 458.9929,-266.9001 458.993,-271.1001"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/shared -->
<g id="edge107" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M291.014,-113C327.5218,-113 372.4545,-113 372.4545,-113 372.4545,-113 372.4545,-40.0861 372.4545,-40.0861"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="374.5546,-40.0861 372.4545,-34.0861 370.3546,-40.0861 374.5546,-40.0861"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge109" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M277.4,-127.2774C277.4,-156.8559 277.4,-247 277.4,-247 277.4,-247 633.3514,-247 633.3514,-247"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="633.3515,-249.1001 639.3514,-247 633.3514,-244.9001 633.3515,-249.1001"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/scheduler -->
<g id="edge106" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M202.875,-108.8517C202.875,-108.8517 202.875,-71.1858 202.875,-71.1858"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="204.9751,-71.1858 202.875,-65.1858 200.7751,-71.1859 204.9751,-71.1858"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;reconciler -->
<g id="edge105" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M291.0766,-122C293.5229,-122 295,-122 295,-122 295,-122 295,-195.8107 295,-195.8107"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="292.9001,-195.8106 295,-201.8107 297.1001,-195.8107 292.9001,-195.8106"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;dom -->
<g id="edge111" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M287.9,-127.0935C287.9,-134.5912 287.9,-144 287.9,-144 287.9,-144 439.7656,-144 439.7656,-144"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="439.7657,-146.1001 445.7656,-144 439.7656,-141.9001 439.7657,-146.1001"/>
</g>
<!-- packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;cache -->
<g id="edge110" class="edge">
<title>packages/react&#45;test&#45;renderer&#45;&gt;packages/react&#45;cache</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M275.3333,-108.8666C275.3333,-108.8666 275.3333,-102.1752 275.3333,-102.1752"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="277.4334,-102.1752 275.3333,-96.1752 273.2334,-102.1752 277.4334,-102.1752"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/react -->
<g id="edge20" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M301,-96.0375C301,-121.6713 301,-193 301,-193 301,-193 489.75,-193 489.75,-193 489.75,-193 489.75,-257.823 489.75,-257.823"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="487.6501,-257.8229 489.75,-263.823 491.8501,-257.823 487.6501,-257.8229"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/shared -->
<g id="edge21" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M332.8829,-84C351.7149,-84 371.6364,-84 371.6364,-84 371.6364,-84 371.6364,-40.2188 371.6364,-40.2188"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="373.7365,-40.2187 371.6364,-34.2188 369.5365,-40.2188 373.7365,-40.2187"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/scheduler -->
<g id="edge22" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M267.4807,-87C241.9262,-87 210.625,-87 210.625,-87 210.625,-87 210.625,-71.1334 210.625,-71.1334"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="212.7251,-71.1333 210.625,-65.1334 208.5251,-71.1334 212.7251,-71.1333"/>
</g>
<!-- packages/react&#45;cache&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge23" class="edge">
<title>packages/react&#45;cache&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M283.1667,-96.1334C283.1667,-96.1334 283.1667,-102.8248 283.1667,-102.8248"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="281.0668,-102.8248 283.1667,-108.8248 285.2668,-102.8248 281.0668,-102.8248"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react -->
<g id="edge13" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M357.4528,-186C364.8365,-186 370.8182,-186 370.8182,-186 370.8182,-186 370.8182,-266 370.8182,-266 370.8182,-266 458.8044,-266 458.8044,-266"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.8045,-268.1001 464.8044,-266 458.8044,-263.9001 458.8045,-268.1001"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/shared -->
<g id="edge15" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M357.1596,-173C365.8537,-173 373.2727,-173 373.2727,-173 373.2727,-173 373.2727,-40.2581 373.2727,-40.2581"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="375.3728,-40.258 373.2727,-34.2581 371.1728,-40.2581 375.3728,-40.258"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge17" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M357.258,-183C369.6112,-183 381.5,-183 381.5,-183 381.5,-183 381.5,-241 381.5,-241 381.5,-241 633.2531,-241 633.2531,-241"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="633.2531,-243.1001 639.2531,-241 633.253,-238.9001 633.2531,-243.1001"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/scheduler -->
<g id="edge19" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M302.7356,-180C262.5182,-180 192,-180 192,-180 192,-180 192,-71.3202 192,-71.3202"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="194.1001,-71.3201 192,-65.3202 189.9001,-71.3202 194.1001,-71.3201"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;reconciler -->
<g id="edge14" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M339,-189.1334C339,-189.1334 339,-195.8248 339,-195.8248"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="336.9001,-195.8248 339,-201.8248 341.1001,-195.8248 336.9001,-195.8248"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;dom -->
<g id="edge16" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M344.75,-170.8318C344.75,-162.6658 344.75,-152 344.75,-152 344.75,-152 439.7694,-152 439.7694,-152"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="439.7694,-154.1001 445.7694,-152 439.7693,-149.9001 439.7694,-154.1001"/>
</g>
<!-- packages/react&#45;art&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge18" class="edge">
<title>packages/react&#45;art&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M302.7993,-175C292.7211,-175 283.7,-175 283.7,-175 283.7,-175 283.7,-133.158 283.7,-133.158"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="285.8001,-133.158 283.7,-127.158 281.6001,-133.1581 285.8001,-133.158"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react -->
<g id="edge24" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M743.5,-65.1953C743.5,-106.1563 743.5,-270 743.5,-270 743.5,-270 525.3937,-270 525.3937,-270"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.3937,-267.9001 519.3937,-270 525.3936,-272.1001 525.3937,-267.9001"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/shared -->
<g id="edge25" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M690.8441,-50C611.6744,-50 409,-50 409,-50 409,-50 409,-40.0256 409,-40.0256"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="411.1001,-40.0255 409,-34.0256 406.9001,-40.0256 411.1001,-40.0255"/>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge26" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M722.6667,-65.2238C722.6667,-65.2238 722.6667,-226.7206 722.6667,-226.7206"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="720.5668,-226.7205 722.6667,-232.7206 724.7668,-226.7206 720.5668,-226.7205"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;webpack -->
<g id="node15" class="node">
<title>packages/react&#45;transport&#45;dom&#45;webpack</title>
<g id="a_node15"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-transport-dom-webpack" xlink:title="react&#45;transport&#45;dom&#45;webpack">
<polygon fill="#ffcccc" stroke="#000000" points="790.5,-34 655.5,-34 653.5,-32 653.5,-16 788.5,-16 790.5,-18 790.5,-34"/>
<polyline fill="none" stroke="#000000" points="788.5,-32 653.5,-32 "/>
<polyline fill="none" stroke="#000000" points="788.5,-32 788.5,-16 "/>
<polyline fill="none" stroke="#000000" points="788.5,-32 790.5,-34 "/>
<text text-anchor="middle" x="722" y="-22.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;transport&#45;dom&#45;webpack</text>
</a>
</g>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react&#45;transport&#45;dom&#45;webpack -->
<g id="edge27" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react&#45;transport&#45;dom&#45;webpack</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M711.6667,-46.8666C711.6667,-46.8666 711.6667,-40.1752 711.6667,-40.1752"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="713.7668,-40.1752 711.6667,-34.1752 709.5668,-40.1752 713.7668,-40.1752"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;relay -->
<g id="node16" class="node">
<title>packages/react&#45;transport&#45;dom&#45;relay</title>
<g id="a_node16"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-transport-dom-relay" xlink:title="react&#45;transport&#45;dom&#45;relay">
<polygon fill="#ffcccc" stroke="#000000" points="683,-96 565,-96 563,-94 563,-78 681,-78 683,-80 683,-96"/>
<polyline fill="none" stroke="#000000" points="681,-94 563,-94 "/>
<polyline fill="none" stroke="#000000" points="681,-94 681,-78 "/>
<polyline fill="none" stroke="#000000" points="681,-94 683,-96 "/>
<text text-anchor="middle" x="623" y="-84.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;transport&#45;dom&#45;relay</text>
</a>
</g>
</g>
<!-- packages/react&#45;client&#45;&gt;packages/react&#45;transport&#45;dom&#45;relay -->
<g id="edge28" class="edge">
<title>packages/react&#45;client&#45;&gt;packages/react&#45;transport&#45;dom&#45;relay</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M690.7966,-57C681.2261,-57 673.1667,-57 673.1667,-57 673.1667,-57 673.1667,-71.836 673.1667,-71.836"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="671.0668,-71.836 673.1667,-77.836 675.2668,-71.836 671.0668,-71.836"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react -->
<g id="edge118" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M756.75,-34.0838C756.75,-78.6459 756.75,-272 756.75,-272 756.75,-272 525.3357,-272 525.3357,-272"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.3358,-269.9001 519.3357,-272 525.3357,-274.1001 525.3358,-269.9001"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react&#45;dom -->
<g id="edge119" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M689,-34.0195C689,-61.9269 689,-145 689,-145 689,-145 510.3071,-145 510.3071,-145"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="510.3071,-142.9001 504.3071,-145 510.307,-147.1001 510.3071,-142.9001"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react&#45;client -->
<g id="edge116" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react&#45;client</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M732.3333,-34.1334C732.3333,-34.1334 732.3333,-40.8248 732.3333,-40.8248"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="730.2334,-40.8248 732.3333,-46.8248 734.4334,-40.8248 730.2334,-40.8248"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react&#45;server -->
<g id="edge117" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;webpack&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M687,-34.2049C687,-58.2329 687,-121 687,-121 687,-121 646.5884,-121 646.5884,-121"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="646.5885,-118.9001 640.5884,-121 646.5884,-123.1001 646.5885,-118.9001"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react -->
<g id="edge114" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M562.8731,-90C557.1916,-90 553.5,-90 553.5,-90 553.5,-90 553.5,-266 553.5,-266 553.5,-266 525.1538,-266 525.1538,-266"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.1539,-263.9001 519.1538,-266 525.1538,-268.1001 525.1539,-263.9001"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react&#45;dom -->
<g id="edge115" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M668.8333,-96.2473C668.8333,-112.1528 668.8333,-143 668.8333,-143 668.8333,-143 510.0188,-143 510.0188,-143"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="510.0188,-140.9001 504.0188,-143 510.0188,-145.1001 510.0188,-140.9001"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react&#45;client -->
<g id="edge112" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react&#45;client</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M663.3333,-77.9826C663.3333,-68.2119 663.3333,-54 663.3333,-54 663.3333,-54 684.9488,-54 684.9488,-54"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="684.9488,-56.1001 690.9488,-54 684.9488,-51.9001 684.9488,-56.1001"/>
</g>
<!-- packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react&#45;server -->
<g id="edge113" class="edge">
<title>packages/react&#45;transport&#45;dom&#45;relay&#45;&gt;packages/react&#45;server</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M597.1667,-96.1334C597.1667,-96.1334 597.1667,-102.8248 597.1667,-102.8248"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="595.0668,-102.8248 597.1667,-108.8248 599.2668,-102.8248 595.0668,-102.8248"/>
</g>
<!-- packages/react&#45;debug&#45;tools -->
<g id="node17" class="node">
<title>packages/react&#45;debug&#45;tools</title>
<g id="a_node17"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-debug-tools" xlink:title="react&#45;debug&#45;tools">
<polygon fill="#ccffcc" stroke="#000000" points="256.5,-313 169.5,-313 167.5,-311 167.5,-295 254.5,-295 256.5,-297 256.5,-313"/>
<polyline fill="none" stroke="#000000" points="254.5,-311 167.5,-311 "/>
<polyline fill="none" stroke="#000000" points="254.5,-311 254.5,-295 "/>
<polyline fill="none" stroke="#000000" points="254.5,-311 256.5,-313 "/>
<text text-anchor="middle" x="212" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;debug&#45;tools</text>
</a>
</g>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/react -->
<g id="edge31" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M245,-294.8242C245,-286.3281 245,-275 245,-275 245,-275 458.6229,-275 458.6229,-275"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.623,-277.1001 464.6229,-275 458.6229,-272.9001 458.623,-277.1001"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/shared -->
<g id="edge30" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M222,-294.683C222,-263.0918 222,-162 222,-162 222,-162 386.5,-162 386.5,-162 386.5,-162 386.5,-40.4166 386.5,-40.4166"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="388.6001,-40.4165 386.5,-34.4166 384.4001,-40.4166 388.6001,-40.4165"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/scheduler -->
<g id="edge33" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M171,-294.8794C171,-294.8794 171,-71.2035 171,-71.2035"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="173.1001,-71.2035 171,-65.2035 168.9001,-71.2035 173.1001,-71.2035"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;reconciler -->
<g id="edge29" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M233.5,-294.7074C233.5,-271.7126 233.5,-214 233.5,-214 233.5,-214 283.9137,-214 283.9137,-214"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="283.9137,-216.1001 289.9137,-214 283.9136,-211.9001 283.9137,-216.1001"/>
</g>
<!-- packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge32" class="edge">
<title>packages/react&#45;debug&#45;tools&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M210.5,-294.7762C210.5,-294.7762 210.5,-133.2794 210.5,-133.2794"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="212.6001,-133.2794 210.5,-127.2794 208.4001,-133.2795 212.6001,-133.2794"/>
</g>
<!-- packages/react&#45;devtools -->
<g id="node18" class="node">
<title>packages/react&#45;devtools</title>
<g id="a_node18"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools" xlink:title="react&#45;devtools">
<polygon fill="#ccffcc" stroke="#000000" points="446,-406 374,-406 372,-404 372,-388 444,-388 446,-390 446,-406"/>
<polyline fill="none" stroke="#000000" points="444,-404 372,-404 "/>
<polyline fill="none" stroke="#000000" points="444,-404 444,-388 "/>
<polyline fill="none" stroke="#000000" points="444,-404 446,-406 "/>
<text text-anchor="middle" x="409" y="-394.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;devtools</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;core -->
<g id="node19" class="node">
<title>packages/react&#45;devtools&#45;core</title>
<g id="a_node19"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-core" xlink:title="react&#45;devtools&#45;core">
<polygon fill="#ccffcc" stroke="#000000" points="456.5,-375 363.5,-375 361.5,-373 361.5,-357 454.5,-357 456.5,-359 456.5,-375"/>
<polyline fill="none" stroke="#000000" points="454.5,-373 361.5,-373 "/>
<polyline fill="none" stroke="#000000" points="454.5,-373 454.5,-357 "/>
<polyline fill="none" stroke="#000000" points="454.5,-373 456.5,-375 "/>
<text text-anchor="middle" x="409" y="-363.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;devtools&#45;core</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;&gt;packages/react&#45;devtools&#45;core -->
<g id="edge34" class="edge">
<title>packages/react&#45;devtools&#45;&gt;packages/react&#45;devtools&#45;core</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M409,-387.8666C409,-387.8666 409,-381.1752 409,-381.1752"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="411.1001,-381.1752 409,-375.1752 406.9001,-381.1752 411.1001,-381.1752"/>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react -->
<g id="edge37" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M429.25,-356.6895C429.25,-334.2458 429.25,-279 429.25,-279 429.25,-279 458.6595,-279 458.6595,-279"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.6595,-281.1001 464.6595,-279 458.6594,-276.9001 458.6595,-281.1001"/>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;dom -->
<g id="edge38" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M389,-356.9766C389,-316.7813 389,-156 389,-156 389,-156 439.8843,-156 439.8843,-156"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="439.8844,-158.1001 445.8843,-156 439.8843,-153.9001 439.8844,-158.1001"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions -->
<g id="node20" class="node">
<title>packages/react&#45;devtools&#45;extensions</title>
<g id="a_node20"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-extensions" xlink:title="react&#45;devtools&#45;extensions">
<polygon fill="#ccffcc" stroke="#000000" points="569,-313 449,-313 447,-311 447,-295 567,-295 569,-297 569,-313"/>
<polyline fill="none" stroke="#000000" points="567,-311 447,-311 "/>
<polyline fill="none" stroke="#000000" points="567,-311 567,-295 "/>
<polyline fill="none" stroke="#000000" points="567,-311 569,-313 "/>
<text text-anchor="middle" x="508" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;devtools&#45;extensions</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge35" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M453.3333,-356.8517C453.3333,-356.8517 453.3333,-319.1858 453.3333,-319.1858"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="455.4334,-319.1858 453.3333,-313.1858 451.2334,-319.1859 455.4334,-319.1858"/>
</g>
<!-- packages/react&#45;devtools&#45;shared -->
<g id="node21" class="node">
<title>packages/react&#45;devtools&#45;shared</title>
<g id="a_node21"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-shared" xlink:title="react&#45;devtools&#45;shared">
<polygon fill="#ccffcc" stroke="#000000" points="379,-344 275,-344 273,-342 273,-326 377,-326 379,-328 379,-344"/>
<polyline fill="none" stroke="#000000" points="377,-342 273,-342 "/>
<polyline fill="none" stroke="#000000" points="377,-342 377,-326 "/>
<polyline fill="none" stroke="#000000" points="377,-342 379,-344 "/>
<text text-anchor="middle" x="326" y="-332.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;devtools&#45;shared</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge36" class="edge">
<title>packages/react&#45;devtools&#45;core&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M370.25,-356.8666C370.25,-356.8666 370.25,-350.1752 370.25,-350.1752"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="372.3501,-350.1752 370.25,-344.1752 368.1501,-350.1752 372.3501,-350.1752"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react -->
<g id="edge40" class="edge">
<title>packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M492,-294.8666C492,-294.8666 492,-288.1752 492,-288.1752"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="494.1001,-288.1752 492,-282.1752 489.9001,-288.1752 494.1001,-288.1752"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;dom -->
<g id="edge41" class="edge">
<title>packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M530.625,-294.9469C530.625,-262.2241 530.625,-152 530.625,-152 530.625,-152 510.1158,-152 510.1158,-152"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="510.1158,-149.9001 504.1158,-152 510.1158,-154.1001 510.1158,-149.9001"/>
</g>
<!-- packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge39" class="edge">
<title>packages/react&#45;devtools&#45;extensions&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M446.8922,-307C413.2214,-307 378.1818,-307 378.1818,-307 378.1818,-307 378.1818,-319.8318 378.1818,-319.8318"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="376.0819,-319.8317 378.1818,-325.8318 380.2819,-319.8318 376.0819,-319.8317"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react -->
<g id="edge49" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M377.3636,-325.842C377.3636,-309.7294 377.3636,-278 377.3636,-278 377.3636,-278 458.8328,-278 458.8328,-278"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.8328,-280.1001 464.8328,-278 458.8327,-275.9001 458.8328,-280.1001"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/shared -->
<g id="edge53" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M375.7273,-325.7223C375.7273,-325.7223 375.7273,-40.2415 375.7273,-40.2415"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="377.8274,-40.2415 375.7273,-34.2415 373.6274,-40.2415 377.8274,-40.2415"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/scheduler -->
<g id="edge52" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M272.8364,-339C225.9406,-339 165,-339 165,-339 165,-339 165,-71.0954 165,-71.0954"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="167.1001,-71.0954 165,-65.0954 162.9001,-71.0954 167.1001,-71.0954"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;reconciler -->
<g id="edge54" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M342.5,-325.6798C342.5,-325.6798 342.5,-226.0913 342.5,-226.0913"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="344.6001,-226.0913 342.5,-220.0913 340.4001,-226.0913 344.6001,-226.0913"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;dom -->
<g id="edge50" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M376.5455,-325.9138C376.5455,-290.8108 376.5455,-166 376.5455,-166 376.5455,-166 465.3333,-166 465.3333,-166 465.3333,-166 465.3333,-164.2958 465.3333,-164.2958"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="467.4334,-164.2958 465.3333,-158.2958 463.2334,-164.2959 467.4334,-164.2958"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge51" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M272.7721,-330C268.5502,-330 265.875,-330 265.875,-330 265.875,-330 265.875,-133.1094 265.875,-133.1094"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="267.9751,-133.1093 265.875,-127.1094 263.7751,-133.1094 267.9751,-133.1093"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;debug&#45;tools -->
<g id="edge55" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;debug&#45;tools</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M272.9395,-335C248.8927,-335 225.75,-335 225.75,-335 225.75,-335 225.75,-319.1334 225.75,-319.1334"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="227.8501,-319.1333 225.75,-313.1334 223.6501,-319.1334 227.8501,-319.1333"/>
</g>
<!-- packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge48" class="edge">
<title>packages/react&#45;devtools&#45;shared&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-width="2" stroke-opacity="0.466667" d="M379.018,-330C412.7661,-330 450.1667,-330 450.1667,-330 450.1667,-330 450.1667,-319.0935 450.1667,-319.0935"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-width="2" stroke-opacity="0.466667" points="452.2668,-319.0935 450.1667,-313.0935 448.0668,-319.0936 452.2668,-319.0935"/>
</g>
<!-- packages/react&#45;devtools&#45;inline -->
<g id="node22" class="node">
<title>packages/react&#45;devtools&#45;inline</title>
<g id="a_node22"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-inline" xlink:title="react&#45;devtools&#45;inline">
<polygon fill="#ccffcc" stroke="#000000" points="569,-375 471,-375 469,-373 469,-357 567,-357 569,-359 569,-375"/>
<polyline fill="none" stroke="#000000" points="567,-373 469,-373 "/>
<polyline fill="none" stroke="#000000" points="567,-373 567,-357 "/>
<polyline fill="none" stroke="#000000" points="567,-373 569,-375 "/>
<text text-anchor="middle" x="519" y="-363.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;devtools&#45;inline</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;inline&#45;&gt;packages/react -->
<g id="edge44" class="edge">
<title>packages/react&#45;devtools&#45;inline&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M569.375,-366C580.9194,-366 589.875,-366 589.875,-366 589.875,-366 589.875,-279 589.875,-279 589.875,-279 525.0039,-279 525.0039,-279"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.0039,-276.9001 519.0039,-279 525.0038,-281.1001 525.0039,-276.9001"/>
</g>
<!-- packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge42" class="edge">
<title>packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M535.6667,-356.8517C535.6667,-356.8517 535.6667,-319.1858 535.6667,-319.1858"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="537.7668,-319.1858 535.6667,-313.1858 533.5668,-319.1859 537.7668,-319.1858"/>
</g>
<!-- packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge43" class="edge">
<title>packages/react&#45;devtools&#45;inline&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M502.3333,-356.859C502.3333,-349.0261 502.3333,-339 502.3333,-339 502.3333,-339 385.3843,-339 385.3843,-339"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="385.3844,-336.9001 379.3843,-339 385.3843,-341.1001 385.3844,-336.9001"/>
</g>
<!-- packages/react&#45;devtools&#45;scheduling&#45;profiler -->
<g id="node23" class="node">
<title>packages/react&#45;devtools&#45;scheduling&#45;profiler</title>
<g id="a_node23"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-scheduling-profiler" xlink:title="react&#45;devtools&#45;scheduling&#45;profiler">
<polygon fill="#ccffcc" stroke="#000000" points="349,-375 197,-375 195,-373 195,-357 347,-357 349,-359 349,-375"/>
<polyline fill="none" stroke="#000000" points="347,-373 195,-373 "/>
<polyline fill="none" stroke="#000000" points="347,-373 347,-357 "/>
<polyline fill="none" stroke="#000000" points="347,-373 349,-375 "/>
<text text-anchor="middle" x="272" y="-363.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;devtools&#45;scheduling&#45;profiler</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;scheduling&#45;profiler&#45;&gt;packages/react -->
<g id="edge45" class="edge">
<title>packages/react&#45;devtools&#45;scheduling&#45;profiler&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M262.75,-356.7074C262.75,-333.7126 262.75,-276 262.75,-276 262.75,-276 458.8018,-276 458.8018,-276"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.8018,-278.1001 464.8018,-276 458.8017,-273.9001 458.8018,-278.1001"/>
</g>
<!-- packages/react&#45;devtools&#45;scheduling&#45;profiler&#45;&gt;packages/react&#45;dom -->
<g id="edge47" class="edge">
<title>packages/react&#45;devtools&#45;scheduling&#45;profiler&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M259.625,-356.9521C259.625,-315.8832 259.625,-149 259.625,-149 259.625,-149 439.9536,-149 439.9536,-149"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="439.9536,-151.1001 445.9536,-149 439.9535,-146.9001 439.9536,-151.1001"/>
</g>
<!-- packages/react&#45;devtools&#45;scheduling&#45;profiler&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge46" class="edge">
<title>packages/react&#45;devtools&#45;scheduling&#45;profiler&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M311,-356.8666C311,-356.8666 311,-350.1752 311,-350.1752"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="313.1001,-350.1752 311,-344.1752 308.9001,-350.1752 313.1001,-350.1752"/>
</g>
<!-- packages/react&#45;devtools&#45;shell -->
<g id="node24" class="node">
<title>packages/react&#45;devtools&#45;shell</title>
<g id="a_node24"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-devtools-shell" xlink:title="react&#45;devtools&#45;shell">
<polygon fill="#ccffcc" stroke="#000000" points="598.5,-406 503.5,-406 501.5,-404 501.5,-388 596.5,-388 598.5,-390 598.5,-406"/>
<polyline fill="none" stroke="#000000" points="596.5,-404 501.5,-404 "/>
<polyline fill="none" stroke="#000000" points="596.5,-404 596.5,-388 "/>
<polyline fill="none" stroke="#000000" points="596.5,-404 598.5,-406 "/>
<text text-anchor="middle" x="550" y="-394.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;devtools&#45;shell</text>
</a>
</g>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react -->
<g id="edge57" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M592.75,-387.9805C592.75,-360.0731 592.75,-277 592.75,-277 592.75,-277 525.2644,-277 525.2644,-277"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.2644,-274.9001 519.2644,-277 525.2644,-279.1001 525.2644,-274.9001"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/scheduler -->
<g id="edge59" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M524,-387.8783C524,-384.2852 524,-381 524,-381 524,-381 162.5,-381 162.5,-381 162.5,-381 162.5,-71.0316 162.5,-71.0316"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="164.6001,-71.0315 162.5,-65.0316 160.4001,-71.0316 164.6001,-71.0315"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;dom -->
<g id="edge58" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M595.625,-387.9162C595.625,-343.3541 595.625,-150 595.625,-150 595.625,-150 510.1999,-150 510.1999,-150"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="510.2,-147.9001 504.1999,-150 510.1999,-152.1001 510.2,-147.9001"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;extensions -->
<g id="edge56" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;extensions</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M587,-387.7428C587,-364.2195 587,-304 587,-304 587,-304 575.0737,-304 575.0737,-304"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="575.0737,-301.9001 569.0737,-304 575.0736,-306.1001 575.0737,-301.9001"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;shared -->
<g id="edge61" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;shared</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M578.375,-387.8517C578.375,-370.6053 578.375,-335 578.375,-335 578.375,-335 385.2139,-335 385.2139,-335"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="385.2139,-332.9001 379.2139,-335 385.2138,-337.1001 385.2139,-332.9001"/>
</g>
<!-- packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;inline -->
<g id="edge60" class="edge">
<title>packages/react&#45;devtools&#45;shell&#45;&gt;packages/react&#45;devtools&#45;inline</title>
<path fill="none" stroke="#007700" stroke-opacity="0.466667" d="M546.5,-387.8666C546.5,-387.8666 546.5,-381.1752 546.5,-381.1752"/>
<polygon fill="#007700" fill-opacity="0.466667" stroke="#007700" stroke-opacity="0.466667" points="548.6001,-381.1752 546.5,-375.1752 544.4001,-381.1752 548.6001,-381.1752"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react -->
<g id="edge101" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M584.125,-127.3832C584.125,-160.2218 584.125,-268 584.125,-268 584.125,-268 525.1423,-268 525.1423,-268"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.1423,-265.9001 519.1423,-268 525.1422,-270.1001 525.1423,-265.9001"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/shared -->
<g id="edge100" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M575.2501,-118C559.5039,-118 544,-118 544,-118 544,-118 544,-25 544,-25 544,-25 428.3289,-25 428.3289,-25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="428.3289,-22.9001 422.3289,-25 428.3289,-27.1001 428.3289,-22.9001"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;noop&#45;renderer -->
<g id="edge102" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;noop&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M636.75,-127.3377C636.75,-155.3909 636.75,-237 636.75,-237 636.75,-237 637.002,-237 637.002,-237"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="633.2702,-239.1003 639.2701,-237 633.27,-234.9003 633.2702,-239.1003"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;transport&#45;dom&#45;webpack -->
<g id="edge103" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;transport&#45;dom&#45;webpack</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M640.6549,-115C661.6413,-115 685,-115 685,-115 685,-115 685,-40.2926 685,-40.2926"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="687.1001,-40.2926 685,-34.2926 682.9001,-40.2926 687.1001,-40.2926"/>
</g>
<!-- packages/react&#45;server&#45;&gt;packages/react&#45;transport&#45;dom&#45;relay -->
<g id="edge104" class="edge">
<title>packages/react&#45;server&#45;&gt;packages/react&#45;transport&#45;dom&#45;relay</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M618.8333,-108.8666C618.8333,-108.8666 618.8333,-102.1752 618.8333,-102.1752"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="620.9334,-102.1752 618.8333,-96.1752 616.7334,-102.1752 620.9334,-102.1752"/>
</g>
<!-- packages/react&#45;fetch -->
<g id="node26" class="node">
<title>packages/react&#45;fetch</title>
<g id="a_node26"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-fetch" xlink:title="react&#45;fetch">
<polygon fill="#ffcccc" stroke="#000000" points="748.5,-313 691.5,-313 689.5,-311 689.5,-295 746.5,-295 748.5,-297 748.5,-313"/>
<polyline fill="none" stroke="#000000" points="746.5,-311 689.5,-311 "/>
<polyline fill="none" stroke="#000000" points="746.5,-311 746.5,-295 "/>
<polyline fill="none" stroke="#000000" points="746.5,-311 748.5,-313 "/>
<text text-anchor="middle" x="719" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;fetch</text>
</a>
</g>
</g>
<!-- packages/react&#45;fetch&#45;&gt;packages/react -->
<g id="edge71" class="edge">
<title>packages/react&#45;fetch&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M705.8333,-294.8242C705.8333,-286.3281 705.8333,-275 705.8333,-275 705.8333,-275 525.0821,-275 525.0821,-275"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.0822,-272.9001 519.0821,-275 525.0821,-277.1001 525.0822,-272.9001"/>
</g>
<!-- packages/react&#45;fetch&#45;&gt;packages/shared -->
<g id="edge72" class="edge">
<title>packages/react&#45;fetch&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M722.1667,-294.9379C722.1667,-281.2803 722.1667,-257 722.1667,-257 722.1667,-257 396.5,-257 396.5,-257 396.5,-257 396.5,-40.0947 396.5,-40.0947"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="398.6001,-40.0946 396.5,-34.0947 394.4001,-40.0947 398.6001,-40.0946"/>
</g>
<!-- packages/react&#45;is -->
<g id="node27" class="node">
<title>packages/react&#45;is</title>
<g id="a_node27"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-is" xlink:title="react&#45;is">
<polygon fill="#ffcccc" stroke="#000000" points="677,-313 625,-313 623,-311 623,-295 675,-295 677,-297 677,-313"/>
<polyline fill="none" stroke="#000000" points="675,-311 623,-311 "/>
<polyline fill="none" stroke="#000000" points="675,-311 675,-295 "/>
<polyline fill="none" stroke="#000000" points="675,-311 677,-313 "/>
<text text-anchor="middle" x="650" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;is</text>
</a>
</g>
</g>
<!-- packages/react&#45;is&#45;&gt;packages/react -->
<g id="edge74" class="edge">
<title>packages/react&#45;is&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M625.75,-294.8318C625.75,-286.6658 625.75,-276 625.75,-276 625.75,-276 525.0663,-276 525.0663,-276"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="525.0663,-273.9001 519.0663,-276 525.0663,-278.1001 525.0663,-273.9001"/>
</g>
<!-- packages/react&#45;is&#45;&gt;packages/shared -->
<g id="edge73" class="edge">
<title>packages/react&#45;is&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M628.5,-294.6687C628.5,-281.7529 628.5,-260 628.5,-260 628.5,-260 394,-260 394,-260 394,-260 394,-40.2123 394,-40.2123"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="396.1001,-40.2122 394,-34.2123 391.9001,-40.2123 396.1001,-40.2122"/>
</g>
<!-- packages/react&#45;is&#45;&gt;packages/react&#45;dom -->
<g id="edge75" class="edge">
<title>packages/react&#45;is&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M631.25,-294.7682C631.25,-261.3996 631.25,-149 631.25,-149 631.25,-149 510.0232,-149 510.0232,-149"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="510.0233,-146.9001 504.0232,-149 510.0232,-151.1001 510.0233,-146.9001"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/react -->
<g id="edge76" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M502.125,-189.2572C502.125,-189.2572 502.125,-257.7802 502.125,-257.7802"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="500.0251,-257.7802 502.125,-263.7802 504.2251,-257.7803 500.0251,-257.7802"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/shared -->
<g id="edge78" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M411.2346,-181C406.8232,-181 404,-181 404,-181 404,-181 404,-40.2913 404,-40.2913"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="406.1001,-40.2913 404,-34.2913 401.9001,-40.2914 406.1001,-40.2913"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;reconciler -->
<g id="edge77" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M411.262,-176C387.1096,-176 363.6,-176 363.6,-176 363.6,-176 363.6,-195.8042 363.6,-195.8042"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="361.5001,-195.8041 363.6,-201.8042 365.7001,-195.8042 361.5001,-195.8041"/>
</g>
<!-- packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;dom -->
<g id="edge79" class="edge">
<title>packages/react&#45;native&#45;renderer&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M484.6667,-170.8666C484.6667,-170.8666 484.6667,-164.1752 484.6667,-164.1752"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="486.7668,-164.1752 484.6667,-158.1752 482.5668,-164.1752 486.7668,-164.1752"/>
</g>
<!-- packages/react&#45;refresh -->
<g id="node29" class="node">
<title>packages/react&#45;refresh</title>
<g id="a_node29"><a xlink:href="https://github.com/facebook/react/blob/master/packages/react-refresh" xlink:title="react&#45;refresh">
<polygon fill="#ffcccc" stroke="#000000" points="337,-313 271,-313 269,-311 269,-295 335,-295 337,-297 337,-313"/>
<polyline fill="none" stroke="#000000" points="335,-311 269,-311 "/>
<polyline fill="none" stroke="#000000" points="335,-311 335,-295 "/>
<polyline fill="none" stroke="#000000" points="335,-311 337,-313 "/>
<text text-anchor="middle" x="303" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">react&#45;refresh</text>
</a>
</g>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react -->
<g id="edge96" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M321.3333,-294.859C321.3333,-287.0261 321.3333,-277 321.3333,-277 321.3333,-277 458.9574,-277 458.9574,-277"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.9574,-279.1001 464.9574,-277 458.9573,-274.9001 458.9574,-279.1001"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/shared -->
<g id="edge95" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/shared</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M337.2697,-301C355.7907,-301 374.9091,-301 374.9091,-301 374.9091,-301 374.9091,-40.183 374.9091,-40.183"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="377.0092,-40.183 374.9091,-34.183 372.8092,-40.183 377.0092,-40.183"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/scheduler -->
<g id="edge98" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M271.1,-294.7896C271.1,-288.0215 271.1,-280 271.1,-280 271.1,-280 174.5,-280 174.5,-280 174.5,-280 174.5,-71.0585 174.5,-71.0585"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="176.6001,-71.0585 174.5,-65.0585 172.4001,-71.0585 176.6001,-71.0585"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react&#45;reconciler -->
<g id="edge94" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react&#45;reconciler</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M305.6667,-294.7428C305.6667,-294.7428 305.6667,-226.2198 305.6667,-226.2198"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="307.7668,-226.2197 305.6667,-220.2198 303.5668,-226.2198 307.7668,-226.2197"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react&#45;dom -->
<g id="edge97" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react&#45;dom</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M279.5,-294.8278C279.5,-261.6744 279.5,-150 279.5,-150 279.5,-150 439.7317,-150 439.7317,-150"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="439.7317,-152.1001 445.7317,-150 439.7316,-147.9001 439.7317,-152.1001"/>
</g>
<!-- packages/react&#45;refresh&#45;&gt;packages/react&#45;art -->
<g id="edge99" class="edge">
<title>packages/react&#45;refresh&#45;&gt;packages/react&#45;art</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M281.6,-294.9805C281.6,-267.0731 281.6,-184 281.6,-184 281.6,-184 296.9698,-184 296.9698,-184"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="296.9699,-186.1001 302.9698,-184 296.9698,-181.9001 296.9699,-186.1001"/>
</g>
<!-- packages/use&#45;subscription -->
<g id="node30" class="node">
<title>packages/use&#45;subscription</title>
<g id="a_node30"><a xlink:href="https://github.com/facebook/react/blob/master/packages/use-subscription" xlink:title="use&#45;subscription">
<polygon fill="#ffffcc" stroke="#000000" points="142,-313 60,-313 58,-311 58,-295 140,-295 142,-297 142,-313"/>
<polyline fill="none" stroke="#000000" points="140,-311 58,-311 "/>
<polyline fill="none" stroke="#000000" points="140,-311 140,-295 "/>
<polyline fill="none" stroke="#000000" points="140,-311 142,-313 "/>
<text text-anchor="middle" x="100" y="-301.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">use&#45;subscription</text>
</a>
</g>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/react -->
<g id="edge122" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/react</title>
<path fill="none" stroke="#0000ff" stroke-opacity="0.466667" d="M122.6667,-294.836C122.6667,-286.0135 122.6667,-274 122.6667,-274 122.6667,-274 458.842,-274 458.842,-274"/>
<polygon fill="#0000ff" fill-opacity="0.466667" stroke="#0000ff" stroke-opacity="0.466667" points="458.8421,-276.1001 464.842,-274 458.842,-271.9001 458.8421,-276.1001"/>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/scheduler -->
<g id="edge124" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/scheduler</title>
<path fill="none" stroke="#000000" stroke-opacity="0.200000" d="M142.3225,-304C152.251,-304 160,-304 160,-304 160,-304 160,-71.1206 160,-71.1206"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-opacity="0.200000" points="162.1001,-71.1205 160,-65.1206 157.9001,-71.1206 162.1001,-71.1205"/>
</g>
<!-- packages/use&#45;subscription&#45;&gt;packages/react&#45;test&#45;renderer -->
<g id="edge123" class="edge">
<title>packages/use&#45;subscription&#45;&gt;packages/react&#45;test&#45;renderer</title>
<path fill="none" stroke="#770000" stroke-opacity="0.466667" d="M103.3333,-294.7762C103.3333,-257.2453 103.3333,-118 103.3333,-118 103.3333,-118 192.613,-118 192.613,-118"/>
<polygon fill="#770000" fill-opacity="0.466667" stroke="#770000" stroke-opacity="0.466667" points="192.6131,-120.1001 198.613,-118 192.613,-115.9001 192.6131,-120.1001"/>
</g>
</g>
</svg>