dependencygraph.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.43.0 (0)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="861pt" height="1054pt"
 viewBox="0.00 0.00 861.00 1054.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 1050)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-1050 857,-1050 857,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-8C20,-8 833,-8 833,-8 839,-8 845,-14 845,-20 845,-20 845,-1026 845,-1026 845,-1032 839,-1038 833,-1038 833,-1038 20,-1038 20,-1038 14,-1038 8,-1032 8,-1026 8,-1026 8,-20 8,-20 8,-14 14,-8 20,-8"/>
<text text-anchor="middle" x="426.5" y="-1026.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_src/areachart</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-16C90,-16 621.5,-16 621.5,-16 627.5,-16 633.5,-22 633.5,-28 633.5,-28 633.5,-56 633.5,-56 633.5,-62 627.5,-68 621.5,-68 621.5,-68 90,-68 90,-68 84,-68 78,-62 78,-56 78,-56 78,-28 78,-28 78,-22 84,-16 90,-16"/>
<text text-anchor="middle" x="355.75" y="-56.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">areachart</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_src/barchart</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-76C90,-76 621.5,-76 621.5,-76 627.5,-76 633.5,-82 633.5,-88 633.5,-88 633.5,-116 633.5,-116 633.5,-122 627.5,-128 621.5,-128 621.5,-128 90,-128 90,-128 84,-128 78,-122 78,-116 78,-116 78,-88 78,-88 78,-82 84,-76 90,-76"/>
<text text-anchor="middle" x="355.75" y="-116.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">barchart</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_src/candlestick</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-136C90,-136 625.5,-136 625.5,-136 631.5,-136 637.5,-142 637.5,-148 637.5,-148 637.5,-206 637.5,-206 637.5,-212 631.5,-218 625.5,-218 625.5,-218 90,-218 90,-218 84,-218 78,-212 78,-206 78,-206 78,-148 78,-148 78,-142 84,-136 90,-136"/>
<text text-anchor="middle" x="357.75" y="-206.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">candlestick</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_src/common</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M281,-496C281,-496 825,-496 825,-496 831,-496 837,-502 837,-508 837,-508 837,-790 837,-790 837,-796 831,-802 825,-802 825,-802 281,-802 281,-802 275,-802 269,-796 269,-790 269,-790 269,-508 269,-508 269,-502 275,-496 281,-496"/>
<text text-anchor="middle" x="553" y="-790.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">common</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_src/common/axes</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M444.5,-574C444.5,-574 735.5,-574 735.5,-574 741.5,-574 747.5,-580 747.5,-586 747.5,-586 747.5,-674 747.5,-674 747.5,-680 741.5,-686 735.5,-686 735.5,-686 444.5,-686 444.5,-686 438.5,-686 432.5,-680 432.5,-674 432.5,-674 432.5,-586 432.5,-586 432.5,-580 438.5,-574 444.5,-574"/>
<text text-anchor="middle" x="590" y="-674.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">axes</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_src/common/charts</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M444.5,-694C444.5,-694 744,-694 744,-694 750,-694 756,-700 756,-706 756,-706 756,-764 756,-764 756,-770 750,-776 744,-776 744,-776 444.5,-776 444.5,-776 438.5,-776 432.5,-770 432.5,-764 432.5,-764 432.5,-706 432.5,-706 432.5,-700 438.5,-694 444.5,-694"/>
<text text-anchor="middle" x="594.25" y="-764.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">charts</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_src/linechart</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-810C90,-810 639,-810 639,-810 645,-810 651,-816 651,-822 651,-822 651,-880 651,-880 651,-886 645,-892 639,-892 639,-892 90,-892 90,-892 84,-892 78,-886 78,-880 78,-880 78,-822 78,-822 78,-816 84,-810 90,-810"/>
<text text-anchor="middle" x="364.5" y="-880.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">linechart</text>
</g>
<g id="clust9" class="cluster">
<title>cluster_src/mixins</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M307.5,-226C307.5,-226 534,-226 534,-226 540,-226 546,-232 546,-238 546,-238 546,-356 546,-356 546,-362 540,-368 534,-368 534,-368 307.5,-368 307.5,-368 301.5,-368 295.5,-362 295.5,-356 295.5,-356 295.5,-238 295.5,-238 295.5,-232 301.5,-226 307.5,-226"/>
<text text-anchor="middle" x="420.75" y="-356.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">mixins</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_src/piechart</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-900C90,-900 621.5,-900 621.5,-900 627.5,-900 633.5,-906 633.5,-912 633.5,-912 633.5,-940 633.5,-940 633.5,-946 627.5,-952 621.5,-952 621.5,-952 90,-952 90,-952 84,-952 78,-946 78,-940 78,-940 78,-912 78,-912 78,-906 84,-900 90,-900"/>
<text text-anchor="middle" x="355.75" y="-940.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">piechart</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_src/scatterchart</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-376C90,-376 639,-376 639,-376 645,-376 651,-382 651,-388 651,-388 651,-416 651,-416 651,-422 645,-428 639,-428 639,-428 90,-428 90,-428 84,-428 78,-422 78,-416 78,-416 78,-388 78,-388 78,-382 84,-376 90,-376"/>
<text text-anchor="middle" x="364.5" y="-416.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">scatterchart</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_src/treemap</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-960C90,-960 621.5,-960 621.5,-960 627.5,-960 633.5,-966 633.5,-972 633.5,-972 633.5,-1000 633.5,-1000 633.5,-1006 627.5,-1012 621.5,-1012 621.5,-1012 90,-1012 90,-1012 84,-1012 78,-1006 78,-1000 78,-1000 78,-972 78,-972 78,-966 84,-960 90,-960"/>
<text text-anchor="middle" x="355.75" y="-1000.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">treemap</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_src/utils</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M575.5,-436C575.5,-436 621.5,-436 621.5,-436 627.5,-436 633.5,-442 633.5,-448 633.5,-448 633.5,-476 633.5,-476 633.5,-482 627.5,-488 621.5,-488 621.5,-488 575.5,-488 575.5,-488 569.5,-488 563.5,-482 563.5,-476 563.5,-476 563.5,-448 563.5,-448 563.5,-442 569.5,-436 575.5,-436"/>
<text text-anchor="middle" x="598.5" y="-476.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">utils</text>
</g>
<!-- src/areachart/Area.jsx -->
<g id="node1" class="node">
<title>src/areachart/Area.jsx</title>
<g id="a_node1"><a xlink:href="src/areachart/Area.jsx" xlink:title="Area.jsx">
<path fill="#ffff77" stroke="black" d="M619.5,-42C619.5,-42 577.5,-42 577.5,-42 574.5,-42 571.5,-39 571.5,-36 571.5,-36 571.5,-30 571.5,-30 571.5,-27 574.5,-24 577.5,-24 577.5,-24 619.5,-24 619.5,-24 622.5,-24 625.5,-27 625.5,-30 625.5,-30 625.5,-36 625.5,-36 625.5,-39 622.5,-42 619.5,-42"/>
<text text-anchor="middle" x="598.5" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00">Area.jsx</text>
</a>
</g>
</g>
<!-- src/areachart/AreaChart.jsx -->
<g id="node2" class="node">
<title>src/areachart/AreaChart.jsx</title>
<g id="a_node2"><a xlink:href="src/areachart/AreaChart.jsx" xlink:title="AreaChart.jsx">
<path fill="#ffff77" stroke="black" d="M239.5,-42C239.5,-42 174.5,-42 174.5,-42 171.5,-42 168.5,-39 168.5,-36 168.5,-36 168.5,-30 168.5,-30 168.5,-27 171.5,-24 174.5,-24 174.5,-24 239.5,-24 239.5,-24 242.5,-24 245.5,-27 245.5,-30 245.5,-30 245.5,-36 245.5,-36 245.5,-39 242.5,-42 239.5,-42"/>
<text text-anchor="middle" x="207" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00">AreaChart.jsx</text>
</a>
</g>
</g>
<!-- src/common/index.js -->
<g id="node3" class="node">
<title>src/common/index.js</title>
<g id="a_node3"><a xlink:href="src/common/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M351.5,-582C351.5,-582 309.5,-582 309.5,-582 306.5,-582 303.5,-579 303.5,-576 303.5,-576 303.5,-570 303.5,-570 303.5,-567 306.5,-564 309.5,-564 309.5,-564 351.5,-564 351.5,-564 354.5,-564 357.5,-567 357.5,-570 357.5,-570 357.5,-576 357.5,-576 357.5,-579 354.5,-582 351.5,-582"/>
<text text-anchor="middle" x="330.5" y="-570.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/areachart/AreaChart.jsx&#45;&gt;src/common/index.js -->
<g id="edge1" class="edge">
<title>src/areachart/AreaChart.jsx&#45;&gt;src/common/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M227.6,-42.06C239.59,-48.76 253.95,-59.13 261,-73 273.21,-97.02 252.22,-536.91 269,-558 275.76,-566.49 286.51,-570.63 297.09,-572.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="297.03,-574.64 303.26,-573.4 297.62,-570.48 297.03,-574.64"/>
</g>
<!-- src/mixins/index.js -->
<g id="node4" class="node">
<title>src/mixins/index.js</title>
<g id="a_node4"><a xlink:href="src/mixins/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M351.5,-297C351.5,-297 309.5,-297 309.5,-297 306.5,-297 303.5,-294 303.5,-291 303.5,-291 303.5,-285 303.5,-285 303.5,-282 306.5,-279 309.5,-279 309.5,-279 351.5,-279 351.5,-279 354.5,-279 357.5,-282 357.5,-285 357.5,-285 357.5,-291 357.5,-291 357.5,-294 354.5,-297 351.5,-297"/>
<text text-anchor="middle" x="330.5" y="-285.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/areachart/AreaChart.jsx&#45;&gt;src/mixins/index.js -->
<g id="edge2" class="edge">
<title>src/areachart/AreaChart.jsx&#45;&gt;src/mixins/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M227.16,-42C239.14,-48.74 253.63,-59.16 261,-73 276.48,-102.07 256.35,-190.59 269,-221 278.25,-243.23 298.19,-262.91 312.65,-275.09"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="311.35,-276.74 317.32,-278.93 314.02,-273.5 311.35,-276.74"/>
</g>
<!-- src/areachart/DataSeries.jsx -->
<g id="node5" class="node">
<title>src/areachart/DataSeries.jsx</title>
<g id="a_node5"><a xlink:href="src/areachart/DataSeries.jsx" xlink:title="DataSeries.jsx">
<path fill="#ffff77" stroke="black" d="M364.5,-42C364.5,-42 296.5,-42 296.5,-42 293.5,-42 290.5,-39 290.5,-36 290.5,-36 290.5,-30 290.5,-30 290.5,-27 293.5,-24 296.5,-24 296.5,-24 364.5,-24 364.5,-24 367.5,-24 370.5,-27 370.5,-30 370.5,-30 370.5,-36 370.5,-36 370.5,-39 367.5,-42 364.5,-42"/>
<text text-anchor="middle" x="330.5" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00">DataSeries.jsx</text>
</a>
</g>
</g>
<!-- src/areachart/AreaChart.jsx&#45;&gt;src/areachart/DataSeries.jsx -->
<g id="edge3" class="edge">
<title>src/areachart/AreaChart.jsx&#45;&gt;src/areachart/DataSeries.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M245.78,-33C257.99,-33 271.65,-33 284.35,-33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="284.49,-35.1 290.49,-33 284.49,-30.9 284.49,-35.1"/>
</g>
<!-- src/common/Legend.jsx -->
<g id="node21" class="node">
<title>src/common/Legend.jsx</title>
<g id="a_node21"><a xlink:href="src/common/Legend.jsx" xlink:title="Legend.jsx">
<path fill="#ffff77" stroke="black" d="M823,-636C823,-636 770,-636 770,-636 767,-636 764,-633 764,-630 764,-630 764,-624 764,-624 764,-621 767,-618 770,-618 770,-618 823,-618 823,-618 826,-618 829,-621 829,-624 829,-624 829,-630 829,-630 829,-633 826,-636 823,-636"/>
<text text-anchor="middle" x="796.5" y="-624.8" font-family="Helvetica,sans-Serif" font-size="9.00">Legend.jsx</text>
</a>
</g>
</g>
<!-- src/common/index.js&#45;&gt;src/common/Legend.jsx -->
<g id="edge42" class="edge">
<title>src/common/index.js&#45;&gt;src/common/Legend.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M357.68,-570.8C367.07,-568.77 377.04,-564.98 384,-558 399,-542.96 380.06,-524.82 397,-512 449.81,-472.05 480.4,-502.96 546,-512 642.04,-525.24 676.83,-515.05 756,-571 771,-581.6 782.27,-599.78 788.86,-612.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="787.01,-613.53 791.55,-617.98 790.77,-611.67 787.01,-613.53"/>
</g>
<!-- src/common/Tooltip.jsx -->
<g id="node23" class="node">
<title>src/common/Tooltip.jsx</title>
<g id="a_node23"><a xlink:href="src/common/Tooltip.jsx" xlink:title="Tooltip.jsx">
<path fill="#ffff77" stroke="black" d="M491.5,-536C491.5,-536 443.5,-536 443.5,-536 440.5,-536 437.5,-533 437.5,-530 437.5,-530 437.5,-524 437.5,-524 437.5,-521 440.5,-518 443.5,-518 443.5,-518 491.5,-518 491.5,-518 494.5,-518 497.5,-521 497.5,-524 497.5,-524 497.5,-530 497.5,-530 497.5,-533 494.5,-536 491.5,-536"/>
<text text-anchor="middle" x="467.5" y="-524.8" font-family="Helvetica,sans-Serif" font-size="9.00">Tooltip.jsx</text>
</a>
</g>
</g>
<!-- src/common/index.js&#45;&gt;src/common/Tooltip.jsx -->
<g id="edge43" class="edge">
<title>src/common/index.js&#45;&gt;src/common/Tooltip.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M357.68,-568.83C366.54,-566.58 376.17,-563.17 384,-558 391.65,-552.95 389.19,-546.79 397,-542 407.3,-535.68 419.89,-532 431.51,-529.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="431.9,-531.93 437.48,-528.88 431.22,-527.78 431.9,-531.93"/>
</g>
<!-- src/common/Voronoi.jsx -->
<g id="node24" class="node">
<title>src/common/Voronoi.jsx</title>
<g id="a_node24"><a xlink:href="src/common/Voronoi.jsx" xlink:title="Voronoi.jsx">
<path fill="#ffff77" stroke="black" d="M494,-566C494,-566 441,-566 441,-566 438,-566 435,-563 435,-560 435,-560 435,-554 435,-554 435,-551 438,-548 441,-548 441,-548 494,-548 494,-548 497,-548 500,-551 500,-554 500,-554 500,-560 500,-560 500,-563 497,-566 494,-566"/>
<text text-anchor="middle" x="467.5" y="-554.8" font-family="Helvetica,sans-Serif" font-size="9.00">Voronoi.jsx</text>
</a>
</g>
</g>
<!-- src/common/index.js&#45;&gt;src/common/Voronoi.jsx -->
<g id="edge44" class="edge">
<title>src/common/index.js&#45;&gt;src/common/Voronoi.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M357.53,-569.92C377.7,-567.52 405.94,-564.18 428.61,-561.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="429.14,-563.54 434.85,-560.75 428.64,-559.37 429.14,-563.54"/>
</g>
<!-- src/common/axes/index.js -->
<g id="node31" class="node">
<title>src/common/axes/index.js</title>
<g id="a_node31"><a xlink:href="src/common/axes/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M488.5,-600C488.5,-600 446.5,-600 446.5,-600 443.5,-600 440.5,-597 440.5,-594 440.5,-594 440.5,-588 440.5,-588 440.5,-585 443.5,-582 446.5,-582 446.5,-582 488.5,-582 488.5,-582 491.5,-582 494.5,-585 494.5,-588 494.5,-588 494.5,-594 494.5,-594 494.5,-597 491.5,-600 488.5,-600"/>
<text text-anchor="middle" x="467.5" y="-588.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/common/index.js&#45;&gt;src/common/axes/index.js -->
<g id="edge40" class="edge">
<title>src/common/index.js&#45;&gt;src/common/axes/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M357.53,-576.47C379.33,-579.38 410.56,-583.54 434,-586.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="433.86,-588.77 440.09,-587.48 434.42,-584.6 433.86,-588.77"/>
</g>
<!-- src/common/charts/index.js -->
<g id="node35" class="node">
<title>src/common/charts/index.js</title>
<g id="a_node35"><a xlink:href="src/common/charts/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M488.5,-727C488.5,-727 446.5,-727 446.5,-727 443.5,-727 440.5,-724 440.5,-721 440.5,-721 440.5,-715 440.5,-715 440.5,-712 443.5,-709 446.5,-709 446.5,-709 488.5,-709 488.5,-709 491.5,-709 494.5,-712 494.5,-715 494.5,-715 494.5,-721 494.5,-721 494.5,-724 491.5,-727 488.5,-727"/>
<text text-anchor="middle" x="467.5" y="-715.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/common/index.js&#45;&gt;src/common/charts/index.js -->
<g id="edge41" class="edge">
<title>src/common/index.js&#45;&gt;src/common/charts/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M334.35,-582.17C341.48,-603.69 362.06,-657.98 397,-689 407.68,-698.48 421.91,-705.16 434.7,-709.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="434.11,-711.7 440.47,-711.62 435.45,-707.72 434.11,-711.7"/>
</g>
<!-- src/mixins/CartesianChartPropsMixin.js -->
<g id="node46" class="node">
<title>src/mixins/CartesianChartPropsMixin.js</title>
<g id="a_node46"><a xlink:href="src/mixins/CartesianChartPropsMixin.js" xlink:title="CartesianChartPropsMixin.js">
<path fill="#ffffcc" stroke="black" d="M532,-312C532,-312 403,-312 403,-312 400,-312 397,-309 397,-306 397,-306 397,-300 397,-300 397,-297 400,-294 403,-294 403,-294 532,-294 532,-294 535,-294 538,-297 538,-300 538,-300 538,-306 538,-306 538,-309 535,-312 532,-312"/>
<text text-anchor="middle" x="467.5" y="-300.8" font-family="Helvetica,sans-Serif" font-size="9.00">CartesianChartPropsMixin.js</text>
</a>
</g>
</g>
<!-- src/mixins/index.js&#45;&gt;src/mixins/CartesianChartPropsMixin.js -->
<g id="edge61" class="edge">
<title>src/mixins/index.js&#45;&gt;src/mixins/CartesianChartPropsMixin.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M357.53,-290.89C367.19,-291.97 378.69,-293.24 390.55,-294.56"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="390.58,-296.68 396.78,-295.25 391.04,-292.5 390.58,-296.68"/>
</g>
<!-- src/mixins/DefaultAccessorsMixin.js -->
<g id="node47" class="node">
<title>src/mixins/DefaultAccessorsMixin.js</title>
<g id="a_node47"><a xlink:href="src/mixins/DefaultAccessorsMixin.js" xlink:title="DefaultAccessorsMixin.js">
<path fill="#ffffcc" stroke="black" d="M524.5,-342C524.5,-342 410.5,-342 410.5,-342 407.5,-342 404.5,-339 404.5,-336 404.5,-336 404.5,-330 404.5,-330 404.5,-327 407.5,-324 410.5,-324 410.5,-324 524.5,-324 524.5,-324 527.5,-324 530.5,-327 530.5,-330 530.5,-330 530.5,-336 530.5,-336 530.5,-339 527.5,-342 524.5,-342"/>
<text text-anchor="middle" x="467.5" y="-330.8" font-family="Helvetica,sans-Serif" font-size="9.00">DefaultAccessorsMixin.js</text>
</a>
</g>
</g>
<!-- src/mixins/index.js&#45;&gt;src/mixins/DefaultAccessorsMixin.js -->
<g id="edge62" class="edge">
<title>src/mixins/index.js&#45;&gt;src/mixins/DefaultAccessorsMixin.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M348.6,-297.08C361.58,-303.66 380.03,-312.36 397,-318 401.8,-319.6 406.84,-321.06 411.93,-322.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="411.57,-324.48 417.91,-323.92 412.61,-320.41 411.57,-324.48"/>
</g>
<!-- src/mixins/TooltipMixin.js -->
<g id="node48" class="node">
<title>src/mixins/TooltipMixin.js</title>
<g id="a_node48"><a xlink:href="src/mixins/TooltipMixin.js" xlink:title="TooltipMixin.js">
<path fill="#ffffcc" stroke="black" d="M500.5,-252C500.5,-252 434.5,-252 434.5,-252 431.5,-252 428.5,-249 428.5,-246 428.5,-246 428.5,-240 428.5,-240 428.5,-237 431.5,-234 434.5,-234 434.5,-234 500.5,-234 500.5,-234 503.5,-234 506.5,-237 506.5,-240 506.5,-240 506.5,-246 506.5,-246 506.5,-249 503.5,-252 500.5,-252"/>
<text text-anchor="middle" x="467.5" y="-240.8" font-family="Helvetica,sans-Serif" font-size="9.00">TooltipMixin.js</text>
</a>
</g>
</g>
<!-- src/mixins/index.js&#45;&gt;src/mixins/TooltipMixin.js -->
<g id="edge63" class="edge">
<title>src/mixins/index.js&#45;&gt;src/mixins/TooltipMixin.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M348.6,-278.92C361.58,-272.34 380.03,-263.64 397,-258 404.93,-255.36 413.53,-253.07 421.89,-251.12"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="422.83,-253.07 428.22,-249.71 421.91,-248.97 422.83,-253.07"/>
</g>
<!-- src/mixins/ViewBoxMixin.js -->
<g id="node49" class="node">
<title>src/mixins/ViewBoxMixin.js</title>
<g id="a_node49"><a xlink:href="src/mixins/ViewBoxMixin.js" xlink:title="ViewBoxMixin.js">
<path fill="#ffffcc" stroke="black" d="M505,-282C505,-282 430,-282 430,-282 427,-282 424,-279 424,-276 424,-276 424,-270 424,-270 424,-267 427,-264 430,-264 430,-264 505,-264 505,-264 508,-264 511,-267 511,-270 511,-270 511,-276 511,-276 511,-279 508,-282 505,-282"/>
<text text-anchor="middle" x="467.5" y="-270.8" font-family="Helvetica,sans-Serif" font-size="9.00">ViewBoxMixin.js</text>
</a>
</g>
</g>
<!-- src/mixins/index.js&#45;&gt;src/mixins/ViewBoxMixin.js -->
<g id="edge64" class="edge">
<title>src/mixins/index.js&#45;&gt;src/mixins/ViewBoxMixin.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M357.53,-285.11C374.54,-283.22 397.29,-280.69 417.6,-278.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="418.09,-280.49 423.82,-277.74 417.62,-276.32 418.09,-280.49"/>
</g>
<!-- src/areachart/AreaContainer.jsx -->
<g id="node6" class="node">
<title>src/areachart/AreaContainer.jsx</title>
<g id="a_node6"><a xlink:href="src/areachart/AreaContainer.jsx" xlink:title="AreaContainer.jsx">
<path fill="#ffff77" stroke="black" d="M509,-42C509,-42 426,-42 426,-42 423,-42 420,-39 420,-36 420,-36 420,-30 420,-30 420,-27 423,-24 426,-24 426,-24 509,-24 509,-24 512,-24 515,-27 515,-30 515,-30 515,-36 515,-36 515,-39 512,-42 509,-42"/>
<text text-anchor="middle" x="467.5" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00">AreaContainer.jsx</text>
</a>
</g>
</g>
<!-- src/areachart/DataSeries.jsx&#45;&gt;src/areachart/AreaContainer.jsx -->
<g id="edge6" class="edge">
<title>src/areachart/DataSeries.jsx&#45;&gt;src/areachart/AreaContainer.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.55,-33C384.04,-33 399.39,-33 413.79,-33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="413.9,-35.1 419.9,-33 413.9,-30.9 413.9,-35.1"/>
</g>
<!-- src/areachart/AreaContainer.jsx&#45;&gt;src/areachart/Area.jsx -->
<g id="edge5" class="edge">
<title>src/areachart/AreaContainer.jsx&#45;&gt;src/areachart/Area.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.07,-33C531.62,-33 549.87,-33 564.99,-33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.26,-35.1 571.26,-33 565.26,-30.9 565.26,-35.1"/>
</g>
<!-- src/utils/index.js -->
<g id="node7" class="node">
<title>src/utils/index.js</title>
<g id="a_node7"><a xlink:href="src/utils/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M619.5,-462C619.5,-462 577.5,-462 577.5,-462 574.5,-462 571.5,-459 571.5,-456 571.5,-456 571.5,-450 571.5,-450 571.5,-447 574.5,-444 577.5,-444 577.5,-444 619.5,-444 619.5,-444 622.5,-444 625.5,-447 625.5,-450 625.5,-450 625.5,-456 625.5,-456 625.5,-459 622.5,-462 619.5,-462"/>
<text text-anchor="middle" x="598.5" y="-450.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/areachart/AreaContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge4" class="edge">
<title>src/areachart/AreaContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M503.53,-42.13C519.33,-48.16 536.53,-57.85 546,-73 567.08,-106.75 532.78,-397.34 554,-431 556.98,-435.73 561.32,-439.49 566.13,-442.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.2,-444.34 571.47,-445.37 567.21,-440.65 565.2,-444.34"/>
</g>
<!-- src/areachart/index.js -->
<g id="node8" class="node">
<title>src/areachart/index.js</title>
<g id="a_node8"><a xlink:href="src/areachart/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M134,-42C134,-42 92,-42 92,-42 89,-42 86,-39 86,-36 86,-36 86,-30 86,-30 86,-27 89,-24 92,-24 92,-24 134,-24 134,-24 137,-24 140,-27 140,-30 140,-30 140,-36 140,-36 140,-39 137,-42 134,-42"/>
<text text-anchor="middle" x="113" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/areachart/index.js&#45;&gt;src/areachart/AreaChart.jsx -->
<g id="edge7" class="edge">
<title>src/areachart/index.js&#45;&gt;src/areachart/AreaChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M140.12,-33C147.01,-33 154.63,-33 162.18,-33"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="162.48,-35.1 168.48,-33 162.48,-30.9 162.48,-35.1"/>
</g>
<!-- src/barchart/Bar.jsx -->
<g id="node9" class="node">
<title>src/barchart/Bar.jsx</title>
<g id="a_node9"><a xlink:href="src/barchart/Bar.jsx" xlink:title="Bar.jsx">
<path fill="#ffff77" stroke="black" d="M619.5,-102C619.5,-102 577.5,-102 577.5,-102 574.5,-102 571.5,-99 571.5,-96 571.5,-96 571.5,-90 571.5,-90 571.5,-87 574.5,-84 577.5,-84 577.5,-84 619.5,-84 619.5,-84 622.5,-84 625.5,-87 625.5,-90 625.5,-90 625.5,-96 625.5,-96 625.5,-99 622.5,-102 619.5,-102"/>
<text text-anchor="middle" x="598.5" y="-90.8" font-family="Helvetica,sans-Serif" font-size="9.00">Bar.jsx</text>
</a>
</g>
</g>
<!-- src/barchart/BarChart.jsx -->
<g id="node10" class="node">
<title>src/barchart/BarChart.jsx</title>
<g id="a_node10"><a xlink:href="src/barchart/BarChart.jsx" xlink:title="BarChart.jsx">
<path fill="#ffff77" stroke="black" d="M236.5,-102C236.5,-102 177.5,-102 177.5,-102 174.5,-102 171.5,-99 171.5,-96 171.5,-96 171.5,-90 171.5,-90 171.5,-87 174.5,-84 177.5,-84 177.5,-84 236.5,-84 236.5,-84 239.5,-84 242.5,-87 242.5,-90 242.5,-90 242.5,-96 242.5,-96 242.5,-99 239.5,-102 236.5,-102"/>
<text text-anchor="middle" x="207" y="-90.8" font-family="Helvetica,sans-Serif" font-size="9.00">BarChart.jsx</text>
</a>
</g>
</g>
<!-- src/barchart/BarChart.jsx&#45;&gt;src/common/index.js -->
<g id="edge8" class="edge">
<title>src/barchart/BarChart.jsx&#45;&gt;src/common/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M227.59,-102.07C239.58,-108.77 253.93,-119.14 261,-133 271.73,-154.04 254.27,-539.54 269,-558 275.77,-566.49 286.52,-570.63 297.1,-572.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="297.04,-574.63 303.27,-573.39 297.63,-570.47 297.04,-574.63"/>
</g>
<!-- src/barchart/BarChart.jsx&#45;&gt;src/mixins/index.js -->
<g id="edge9" class="edge">
<title>src/barchart/BarChart.jsx&#45;&gt;src/mixins/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M227,-102.1C238.9,-108.87 253.38,-119.3 261,-133 280.09,-167.32 253.25,-185.02 269,-221 278.65,-243.06 298.51,-262.77 312.85,-275.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="311.52,-276.64 317.47,-278.87 314.21,-273.41 311.52,-276.64"/>
</g>
<!-- src/barchart/DataSeries.jsx -->
<g id="node11" class="node">
<title>src/barchart/DataSeries.jsx</title>
<g id="a_node11"><a xlink:href="src/barchart/DataSeries.jsx" xlink:title="DataSeries.jsx">
<path fill="#ffff77" stroke="black" d="M364.5,-102C364.5,-102 296.5,-102 296.5,-102 293.5,-102 290.5,-99 290.5,-96 290.5,-96 290.5,-90 290.5,-90 290.5,-87 293.5,-84 296.5,-84 296.5,-84 364.5,-84 364.5,-84 367.5,-84 370.5,-87 370.5,-90 370.5,-90 370.5,-96 370.5,-96 370.5,-99 367.5,-102 364.5,-102"/>
<text text-anchor="middle" x="330.5" y="-90.8" font-family="Helvetica,sans-Serif" font-size="9.00">DataSeries.jsx</text>
</a>
</g>
</g>
<!-- src/barchart/BarChart.jsx&#45;&gt;src/barchart/DataSeries.jsx -->
<g id="edge10" class="edge">
<title>src/barchart/BarChart.jsx&#45;&gt;src/barchart/DataSeries.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M242.82,-93C255.71,-93 270.52,-93 284.21,-93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="284.41,-95.1 290.41,-93 284.41,-90.9 284.41,-95.1"/>
</g>
<!-- src/barchart/BarContainer.jsx -->
<g id="node12" class="node">
<title>src/barchart/BarContainer.jsx</title>
<g id="a_node12"><a xlink:href="src/barchart/BarContainer.jsx" xlink:title="BarContainer.jsx">
<path fill="#ffff77" stroke="black" d="M506,-102C506,-102 429,-102 429,-102 426,-102 423,-99 423,-96 423,-96 423,-90 423,-90 423,-87 426,-84 429,-84 429,-84 506,-84 506,-84 509,-84 512,-87 512,-90 512,-90 512,-96 512,-96 512,-99 509,-102 506,-102"/>
<text text-anchor="middle" x="467.5" y="-90.8" font-family="Helvetica,sans-Serif" font-size="9.00">BarContainer.jsx</text>
</a>
</g>
</g>
<!-- src/barchart/DataSeries.jsx&#45;&gt;src/barchart/BarContainer.jsx -->
<g id="edge13" class="edge">
<title>src/barchart/DataSeries.jsx&#45;&gt;src/barchart/BarContainer.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.55,-93C384.86,-93 401.25,-93 416.4,-93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="416.8,-95.1 422.8,-93 416.8,-90.9 416.8,-95.1"/>
</g>
<!-- src/barchart/BarContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge11" class="edge">
<title>src/barchart/BarContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M503.5,-102.15C519.29,-108.19 536.5,-117.87 546,-133 563.61,-161.05 536.27,-403.02 554,-431 556.99,-435.73 561.34,-439.48 566.14,-442.44"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.22,-444.33 571.49,-445.36 567.23,-440.64 565.22,-444.33"/>
</g>
<!-- src/barchart/BarContainer.jsx&#45;&gt;src/barchart/Bar.jsx -->
<g id="edge12" class="edge">
<title>src/barchart/BarContainer.jsx&#45;&gt;src/barchart/Bar.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M512.17,-93C529.47,-93 549,-93 565.01,-93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.18,-95.1 571.18,-93 565.18,-90.9 565.18,-95.1"/>
</g>
<!-- src/barchart/index.js -->
<g id="node13" class="node">
<title>src/barchart/index.js</title>
<g id="a_node13"><a xlink:href="src/barchart/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M134,-102C134,-102 92,-102 92,-102 89,-102 86,-99 86,-96 86,-96 86,-90 86,-90 86,-87 89,-84 92,-84 92,-84 134,-84 134,-84 137,-84 140,-87 140,-90 140,-90 140,-96 140,-96 140,-99 137,-102 134,-102"/>
<text text-anchor="middle" x="113" y="-90.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/barchart/index.js&#45;&gt;src/barchart/BarChart.jsx -->
<g id="edge14" class="edge">
<title>src/barchart/index.js&#45;&gt;src/barchart/BarChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M140.12,-93C147.82,-93 156.45,-93 164.86,-93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="165.22,-95.1 171.22,-93 165.22,-90.9 165.22,-95.1"/>
</g>
<!-- src/candlestick/Candle.jsx -->
<g id="node14" class="node">
<title>src/candlestick/Candle.jsx</title>
<g id="a_node14"><a xlink:href="src/candlestick/Candle.jsx" xlink:title="Candle.jsx">
<path fill="#ffff77" stroke="black" d="M623.5,-162C623.5,-162 573.5,-162 573.5,-162 570.5,-162 567.5,-159 567.5,-156 567.5,-156 567.5,-150 567.5,-150 567.5,-147 570.5,-144 573.5,-144 573.5,-144 623.5,-144 623.5,-144 626.5,-144 629.5,-147 629.5,-150 629.5,-150 629.5,-156 629.5,-156 629.5,-159 626.5,-162 623.5,-162"/>
<text text-anchor="middle" x="598.5" y="-150.8" font-family="Helvetica,sans-Serif" font-size="9.00">Candle.jsx</text>
</a>
</g>
</g>
<!-- src/candlestick/CandlestickChart.jsx -->
<g id="node15" class="node">
<title>src/candlestick/CandlestickChart.jsx</title>
<g id="a_node15"><a xlink:href="src/candlestick/CandlestickChart.jsx" xlink:title="CandlestickChart.jsx">
<path fill="#ffff77" stroke="black" d="M255,-192C255,-192 159,-192 159,-192 156,-192 153,-189 153,-186 153,-186 153,-180 153,-180 153,-177 156,-174 159,-174 159,-174 255,-174 255,-174 258,-174 261,-177 261,-180 261,-180 261,-186 261,-186 261,-189 258,-192 255,-192"/>
<text text-anchor="middle" x="207" y="-180.8" font-family="Helvetica,sans-Serif" font-size="9.00">CandlestickChart.jsx</text>
</a>
</g>
</g>
<!-- src/candlestick/CandlestickChart.jsx&#45;&gt;src/common/index.js -->
<g id="edge15" class="edge">
<title>src/candlestick/CandlestickChart.jsx&#45;&gt;src/common/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M211.43,-192.32C221.28,-219.62 249.71,-301.98 261,-373 264.23,-393.32 255.98,-542.07 269,-558 275.87,-566.4 286.65,-570.52 297.21,-572.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="297.14,-574.54 303.38,-573.31 297.74,-570.38 297.14,-574.54"/>
</g>
<!-- src/candlestick/CandlestickChart.jsx&#45;&gt;src/mixins/index.js -->
<g id="edge16" class="edge">
<title>src/candlestick/CandlestickChart.jsx&#45;&gt;src/mixins/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M218.78,-192.32C240.45,-211.05 289.34,-253.29 314.26,-274.83"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="313,-276.52 318.92,-278.85 315.75,-273.34 313,-276.52"/>
</g>
<!-- src/candlestick/CandlestickChart.jsx&#45;&gt;src/utils/index.js -->
<g id="edge17" class="edge">
<title>src/candlestick/CandlestickChart.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M240.73,-192.01C249.83,-194.25 259.75,-196.45 269,-198 299.48,-203.09 524.72,-200.59 546,-223 561.93,-239.77 541.51,-411.53 554,-431 556.89,-435.51 561.01,-439.13 565.57,-442.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="564.82,-444.01 571.08,-445.11 566.87,-440.35 564.82,-444.01"/>
</g>
<!-- src/candlestick/DataSeries.jsx -->
<g id="node16" class="node">
<title>src/candlestick/DataSeries.jsx</title>
<g id="a_node16"><a xlink:href="src/candlestick/DataSeries.jsx" xlink:title="DataSeries.jsx">
<path fill="#ffff77" stroke="black" d="M364.5,-192C364.5,-192 296.5,-192 296.5,-192 293.5,-192 290.5,-189 290.5,-186 290.5,-186 290.5,-180 290.5,-180 290.5,-177 293.5,-174 296.5,-174 296.5,-174 364.5,-174 364.5,-174 367.5,-174 370.5,-177 370.5,-180 370.5,-180 370.5,-186 370.5,-186 370.5,-189 367.5,-192 364.5,-192"/>
<text text-anchor="middle" x="330.5" y="-180.8" font-family="Helvetica,sans-Serif" font-size="9.00">DataSeries.jsx</text>
</a>
</g>
</g>
<!-- src/candlestick/CandlestickChart.jsx&#45;&gt;src/candlestick/DataSeries.jsx -->
<g id="edge18" class="edge">
<title>src/candlestick/CandlestickChart.jsx&#45;&gt;src/candlestick/DataSeries.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M261.29,-183C268.96,-183 276.8,-183 284.29,-183"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="284.49,-185.1 290.49,-183 284.49,-180.9 284.49,-185.1"/>
</g>
<!-- src/candlestick/CandlestickContainer.jsx -->
<g id="node17" class="node">
<title>src/candlestick/CandlestickContainer.jsx</title>
<g id="a_node17"><a xlink:href="src/candlestick/CandlestickContainer.jsx" xlink:title="CandlestickContainer.jsx">
<path fill="#ffff77" stroke="black" d="M524.5,-192C524.5,-192 410.5,-192 410.5,-192 407.5,-192 404.5,-189 404.5,-186 404.5,-186 404.5,-180 404.5,-180 404.5,-177 407.5,-174 410.5,-174 410.5,-174 524.5,-174 524.5,-174 527.5,-174 530.5,-177 530.5,-180 530.5,-180 530.5,-186 530.5,-186 530.5,-189 527.5,-192 524.5,-192"/>
<text text-anchor="middle" x="467.5" y="-180.8" font-family="Helvetica,sans-Serif" font-size="9.00">CandlestickContainer.jsx</text>
</a>
</g>
</g>
<!-- src/candlestick/DataSeries.jsx&#45;&gt;src/candlestick/CandlestickContainer.jsx -->
<g id="edge22" class="edge">
<title>src/candlestick/DataSeries.jsx&#45;&gt;src/candlestick/CandlestickContainer.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.55,-183C379.24,-183 388.69,-183 398.17,-183"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="398.4,-185.1 404.4,-183 398.4,-180.9 398.4,-185.1"/>
</g>
<!-- src/candlestick/CandlestickContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge19" class="edge">
<title>src/candlestick/CandlestickContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M526.58,-192.04C534.11,-195.57 540.95,-200.4 546,-207 561.13,-226.78 540.58,-410.02 554,-431 556.88,-435.51 561,-439.13 565.56,-442.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="564.81,-444.02 571.07,-445.12 566.86,-440.36 564.81,-444.02"/>
</g>
<!-- src/candlestick/CandlestickContainer.jsx&#45;&gt;src/candlestick/Candle.jsx -->
<g id="edge20" class="edge">
<title>src/candlestick/CandlestickContainer.jsx&#45;&gt;src/candlestick/Candle.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M507.2,-174C524.39,-170 544.5,-165.33 561.37,-161.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="562.06,-163.4 567.43,-159.99 561.11,-159.31 562.06,-163.4"/>
</g>
<!-- src/candlestick/Wick.jsx -->
<g id="node18" class="node">
<title>src/candlestick/Wick.jsx</title>
<g id="a_node18"><a xlink:href="src/candlestick/Wick.jsx" xlink:title="Wick.jsx">
<path fill="#ffff77" stroke="black" d="M619.5,-192C619.5,-192 577.5,-192 577.5,-192 574.5,-192 571.5,-189 571.5,-186 571.5,-186 571.5,-180 571.5,-180 571.5,-177 574.5,-174 577.5,-174 577.5,-174 619.5,-174 619.5,-174 622.5,-174 625.5,-177 625.5,-180 625.5,-180 625.5,-186 625.5,-186 625.5,-189 622.5,-192 619.5,-192"/>
<text text-anchor="middle" x="598.5" y="-180.8" font-family="Helvetica,sans-Serif" font-size="9.00">Wick.jsx</text>
</a>
</g>
</g>
<!-- src/candlestick/CandlestickContainer.jsx&#45;&gt;src/candlestick/Wick.jsx -->
<g id="edge21" class="edge">
<title>src/candlestick/CandlestickContainer.jsx&#45;&gt;src/candlestick/Wick.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M530.73,-183C542.69,-183 554.75,-183 565.27,-183"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.27,-185.1 571.27,-183 565.27,-180.9 565.27,-185.1"/>
</g>
<!-- src/candlestick/index.js -->
<g id="node19" class="node">
<title>src/candlestick/index.js</title>
<g id="a_node19"><a xlink:href="src/candlestick/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M134,-192C134,-192 92,-192 92,-192 89,-192 86,-189 86,-186 86,-186 86,-180 86,-180 86,-177 89,-174 92,-174 92,-174 134,-174 134,-174 137,-174 140,-177 140,-180 140,-180 140,-186 140,-186 140,-189 137,-192 134,-192"/>
<text text-anchor="middle" x="113" y="-180.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/candlestick/index.js&#45;&gt;src/candlestick/CandlestickChart.jsx -->
<g id="edge23" class="edge">
<title>src/candlestick/index.js&#45;&gt;src/candlestick/CandlestickChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M140.12,-183C142.26,-183 144.48,-183 146.74,-183"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="146.82,-185.1 152.82,-183 146.82,-180.9 146.82,-185.1"/>
</g>
<!-- src/common/Circle.jsx -->
<g id="node20" class="node">
<title>src/common/Circle.jsx</title>
<g id="a_node20"><a xlink:href="src/common/Circle.jsx" xlink:title="Circle.jsx">
<path fill="#ccffcc" stroke="black" d="M352.5,-552C352.5,-552 308.5,-552 308.5,-552 305.5,-552 302.5,-549 302.5,-546 302.5,-546 302.5,-540 302.5,-540 302.5,-537 305.5,-534 308.5,-534 308.5,-534 352.5,-534 352.5,-534 355.5,-534 358.5,-537 358.5,-540 358.5,-540 358.5,-546 358.5,-546 358.5,-549 355.5,-552 352.5,-552"/>
<text text-anchor="middle" x="330.5" y="-540.8" font-family="Helvetica,sans-Serif" font-size="9.00">Circle.jsx</text>
</a>
</g>
</g>
<!-- src/common/Polygon.jsx -->
<g id="node22" class="node">
<title>src/common/Polygon.jsx</title>
<g id="a_node22"><a xlink:href="src/common/Polygon.jsx" xlink:title="Polygon.jsx">
<path fill="#ffff77" stroke="black" d="M626,-566C626,-566 571,-566 571,-566 568,-566 565,-563 565,-560 565,-560 565,-554 565,-554 565,-551 568,-548 571,-548 571,-548 626,-548 626,-548 629,-548 632,-551 632,-554 632,-554 632,-560 632,-560 632,-563 629,-566 626,-566"/>
<text text-anchor="middle" x="598.5" y="-554.8" font-family="Helvetica,sans-Serif" font-size="9.00">Polygon.jsx</text>
</a>
</g>
</g>
<!-- src/common/Voronoi.jsx&#45;&gt;src/common/Polygon.jsx -->
<g id="edge24" class="edge">
<title>src/common/Voronoi.jsx&#45;&gt;src/common/Polygon.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M500.06,-557C517.75,-557 539.96,-557 558.71,-557"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="558.92,-559.1 564.92,-557 558.92,-554.9 558.92,-559.1"/>
</g>
<!-- src/common/VoronoiContainer.jsx -->
<g id="node25" class="node">
<title>src/common/VoronoiContainer.jsx</title>
<g id="a_node25"><a xlink:href="src/common/VoronoiContainer.jsx" xlink:title="VoronoiContainer.jsx">
<path fill="#ffff77" stroke="black" d="M378,-522C378,-522 283,-522 283,-522 280,-522 277,-519 277,-516 277,-516 277,-510 277,-510 277,-507 280,-504 283,-504 283,-504 378,-504 378,-504 381,-504 384,-507 384,-510 384,-510 384,-516 384,-516 384,-519 381,-522 378,-522"/>
<text text-anchor="middle" x="330.5" y="-510.8" font-family="Helvetica,sans-Serif" font-size="9.00">VoronoiContainer.jsx</text>
</a>
</g>
</g>
<!-- src/common/VoronoiContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge25" class="edge">
<title>src/common/VoronoiContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M371.61,-503.95C424.5,-492.02 516.53,-471.26 565.2,-460.29"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.81,-462.3 571.2,-458.93 564.88,-458.2 565.81,-462.3"/>
</g>
<!-- src/common/axes/AxisLine.jsx -->
<g id="node26" class="node">
<title>src/common/axes/AxisLine.jsx</title>
<g id="a_node26"><a xlink:href="src/common/axes/AxisLine.jsx" xlink:title="AxisLine.jsx">
<path fill="#ffff77" stroke="black" d="M731.5,-660C731.5,-660 675.5,-660 675.5,-660 672.5,-660 669.5,-657 669.5,-654 669.5,-654 669.5,-648 669.5,-648 669.5,-645 672.5,-642 675.5,-642 675.5,-642 731.5,-642 731.5,-642 734.5,-642 737.5,-645 737.5,-648 737.5,-648 737.5,-654 737.5,-654 737.5,-657 734.5,-660 731.5,-660"/>
<text text-anchor="middle" x="703.5" y="-648.8" font-family="Helvetica,sans-Serif" font-size="9.00">AxisLine.jsx</text>
</a>
</g>
</g>
<!-- src/common/axes/AxisTicks.jsx -->
<g id="node27" class="node">
<title>src/common/axes/AxisTicks.jsx</title>
<g id="a_node27"><a xlink:href="src/common/axes/AxisTicks.jsx" xlink:title="AxisTicks.jsx">
<path fill="#ffff77" stroke="black" d="M733.5,-600C733.5,-600 673.5,-600 673.5,-600 670.5,-600 667.5,-597 667.5,-594 667.5,-594 667.5,-588 667.5,-588 667.5,-585 670.5,-582 673.5,-582 673.5,-582 733.5,-582 733.5,-582 736.5,-582 739.5,-585 739.5,-588 739.5,-588 739.5,-594 739.5,-594 739.5,-597 736.5,-600 733.5,-600"/>
<text text-anchor="middle" x="703.5" y="-588.8" font-family="Helvetica,sans-Serif" font-size="9.00">AxisTicks.jsx</text>
</a>
</g>
</g>
<!-- src/common/axes/Label.jsx -->
<g id="node28" class="node">
<title>src/common/axes/Label.jsx</title>
<g id="a_node28"><a xlink:href="src/common/axes/Label.jsx" xlink:title="Label.jsx">
<path fill="#ffff77" stroke="black" d="M725.5,-630C725.5,-630 681.5,-630 681.5,-630 678.5,-630 675.5,-627 675.5,-624 675.5,-624 675.5,-618 675.5,-618 675.5,-615 678.5,-612 681.5,-612 681.5,-612 725.5,-612 725.5,-612 728.5,-612 731.5,-615 731.5,-618 731.5,-618 731.5,-624 731.5,-624 731.5,-627 728.5,-630 725.5,-630"/>
<text text-anchor="middle" x="703.5" y="-618.8" font-family="Helvetica,sans-Serif" font-size="9.00">Label.jsx</text>
</a>
</g>
</g>
<!-- src/common/axes/XAxis.jsx -->
<g id="node29" class="node">
<title>src/common/axes/XAxis.jsx</title>
<g id="a_node29"><a xlink:href="src/common/axes/XAxis.jsx" xlink:title="XAxis.jsx">
<path fill="#ffff77" stroke="black" d="M620.5,-600C620.5,-600 576.5,-600 576.5,-600 573.5,-600 570.5,-597 570.5,-594 570.5,-594 570.5,-588 570.5,-588 570.5,-585 573.5,-582 576.5,-582 576.5,-582 620.5,-582 620.5,-582 623.5,-582 626.5,-585 626.5,-588 626.5,-588 626.5,-594 626.5,-594 626.5,-597 623.5,-600 620.5,-600"/>
<text text-anchor="middle" x="598.5" y="-588.8" font-family="Helvetica,sans-Serif" font-size="9.00">XAxis.jsx</text>
</a>
</g>
</g>
<!-- src/common/axes/XAxis.jsx&#45;&gt;src/common/axes/AxisLine.jsx -->
<g id="edge26" class="edge">
<title>src/common/axes/XAxis.jsx&#45;&gt;src/common/axes/AxisLine.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M626.58,-593.57C635.39,-595.67 644.56,-599.41 651,-606 660.65,-615.87 649.6,-625.9 659,-636 660.56,-637.68 662.32,-639.17 664.21,-640.49"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="663.25,-642.36 669.48,-643.62 665.39,-638.75 663.25,-642.36"/>
</g>
<!-- src/common/axes/XAxis.jsx&#45;&gt;src/common/axes/AxisTicks.jsx -->
<g id="edge27" class="edge">
<title>src/common/axes/XAxis.jsx&#45;&gt;src/common/axes/AxisTicks.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M626.56,-591C637.22,-591 649.7,-591 661.42,-591"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="661.47,-593.1 667.47,-591 661.47,-588.9 661.47,-593.1"/>
</g>
<!-- src/common/axes/XAxis.jsx&#45;&gt;src/common/axes/Label.jsx -->
<g id="edge28" class="edge">
<title>src/common/axes/XAxis.jsx&#45;&gt;src/common/axes/Label.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M626.56,-598.88C639.7,-602.71 655.61,-607.34 669.46,-611.38"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="668.91,-613.4 675.26,-613.07 670.09,-609.37 668.91,-613.4"/>
</g>
<!-- src/common/axes/YAxis.jsx -->
<g id="node30" class="node">
<title>src/common/axes/YAxis.jsx</title>
<g id="a_node30"><a xlink:href="src/common/axes/YAxis.jsx" xlink:title="YAxis.jsx">
<path fill="#ffff77" stroke="black" d="M619.5,-630C619.5,-630 577.5,-630 577.5,-630 574.5,-630 571.5,-627 571.5,-624 571.5,-624 571.5,-618 571.5,-618 571.5,-615 574.5,-612 577.5,-612 577.5,-612 619.5,-612 619.5,-612 622.5,-612 625.5,-615 625.5,-618 625.5,-618 625.5,-624 625.5,-624 625.5,-627 622.5,-630 619.5,-630"/>
<text text-anchor="middle" x="598.5" y="-618.8" font-family="Helvetica,sans-Serif" font-size="9.00">YAxis.jsx</text>
</a>
</g>
</g>
<!-- src/common/axes/YAxis.jsx&#45;&gt;src/common/axes/AxisLine.jsx -->
<g id="edge29" class="edge">
<title>src/common/axes/YAxis.jsx&#45;&gt;src/common/axes/AxisLine.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M625.76,-628.65C637.85,-632.17 652.41,-636.41 665.59,-640.25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="665.18,-642.32 671.53,-641.98 666.36,-638.29 665.18,-642.32"/>
</g>
<!-- src/common/axes/YAxis.jsx&#45;&gt;src/common/axes/AxisTicks.jsx -->
<g id="edge30" class="edge">
<title>src/common/axes/YAxis.jsx&#45;&gt;src/common/axes/AxisTicks.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M625.76,-613.35C637.85,-609.83 652.41,-605.59 665.59,-601.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="666.36,-603.71 671.53,-600.02 665.18,-599.68 666.36,-603.71"/>
</g>
<!-- src/common/axes/YAxis.jsx&#45;&gt;src/common/axes/Label.jsx -->
<g id="edge31" class="edge">
<title>src/common/axes/YAxis.jsx&#45;&gt;src/common/axes/Label.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M625.76,-621C638.89,-621 654.92,-621 668.93,-621"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="669.21,-623.1 675.21,-621 669.21,-618.9 669.21,-623.1"/>
</g>
<!-- src/common/axes/index.js&#45;&gt;src/common/axes/XAxis.jsx -->
<g id="edge32" class="edge">
<title>src/common/axes/index.js&#45;&gt;src/common/axes/XAxis.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M494.61,-591C514.57,-591 542.26,-591 563.88,-591"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="564.1,-593.1 570.1,-591 564.1,-588.9 564.1,-593.1"/>
</g>
<!-- src/common/axes/index.js&#45;&gt;src/common/axes/YAxis.jsx -->
<g id="edge33" class="edge">
<title>src/common/axes/index.js&#45;&gt;src/common/axes/YAxis.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M494.61,-597.07C515.06,-601.83 543.62,-608.47 565.46,-613.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.11,-615.62 571.43,-614.94 566.07,-611.53 565.11,-615.62"/>
</g>
<!-- src/common/charts/BasicChart.jsx -->
<g id="node32" class="node">
<title>src/common/charts/BasicChart.jsx</title>
<g id="a_node32"><a xlink:href="src/common/charts/BasicChart.jsx" xlink:title="BasicChart.jsx">
<path fill="#ffff77" stroke="black" d="M737.5,-720C737.5,-720 669.5,-720 669.5,-720 666.5,-720 663.5,-717 663.5,-714 663.5,-714 663.5,-708 663.5,-708 663.5,-705 666.5,-702 669.5,-702 669.5,-702 737.5,-702 737.5,-702 740.5,-702 743.5,-705 743.5,-708 743.5,-708 743.5,-714 743.5,-714 743.5,-717 740.5,-720 737.5,-720"/>
<text text-anchor="middle" x="703.5" y="-708.8" font-family="Helvetica,sans-Serif" font-size="9.00">BasicChart.jsx</text>
</a>
</g>
</g>
<!-- src/common/charts/Chart.jsx -->
<g id="node33" class="node">
<title>src/common/charts/Chart.jsx</title>
<g id="a_node33"><a xlink:href="src/common/charts/Chart.jsx" xlink:title="Chart.jsx">
<path fill="#ffff77" stroke="black" d="M620.5,-734C620.5,-734 576.5,-734 576.5,-734 573.5,-734 570.5,-731 570.5,-728 570.5,-728 570.5,-722 570.5,-722 570.5,-719 573.5,-716 576.5,-716 576.5,-716 620.5,-716 620.5,-716 623.5,-716 626.5,-719 626.5,-722 626.5,-722 626.5,-728 626.5,-728 626.5,-731 623.5,-734 620.5,-734"/>
<text text-anchor="middle" x="598.5" y="-722.8" font-family="Helvetica,sans-Serif" font-size="9.00">Chart.jsx</text>
</a>
</g>
</g>
<!-- src/common/charts/Chart.jsx&#45;&gt;src/common/charts/BasicChart.jsx -->
<g id="edge34" class="edge">
<title>src/common/charts/Chart.jsx&#45;&gt;src/common/charts/BasicChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M626.56,-721.32C635.93,-720.05 646.7,-718.58 657.13,-717.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="657.56,-719.23 663.22,-716.34 656.99,-715.07 657.56,-719.23"/>
</g>
<!-- src/common/charts/LegendChart.jsx -->
<g id="node34" class="node">
<title>src/common/charts/LegendChart.jsx</title>
<g id="a_node34"><a xlink:href="src/common/charts/LegendChart.jsx" xlink:title="LegendChart.jsx">
<path fill="#ffff77" stroke="black" d="M742,-750C742,-750 665,-750 665,-750 662,-750 659,-747 659,-744 659,-744 659,-738 659,-738 659,-735 662,-732 665,-732 665,-732 742,-732 742,-732 745,-732 748,-735 748,-738 748,-738 748,-744 748,-744 748,-747 745,-750 742,-750"/>
<text text-anchor="middle" x="703.5" y="-738.8" font-family="Helvetica,sans-Serif" font-size="9.00">LegendChart.jsx</text>
</a>
</g>
</g>
<!-- src/common/charts/Chart.jsx&#45;&gt;src/common/charts/LegendChart.jsx -->
<g id="edge35" class="edge">
<title>src/common/charts/Chart.jsx&#45;&gt;src/common/charts/LegendChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M626.56,-729.2C634.68,-730.46 643.85,-731.89 652.94,-733.3"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.64,-735.38 658.89,-734.23 653.28,-731.23 652.64,-735.38"/>
</g>
<!-- src/common/charts/LegendChart.jsx&#45;&gt;src/common/Legend.jsx -->
<g id="edge36" class="edge">
<title>src/common/charts/LegendChart.jsx&#45;&gt;src/common/Legend.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M747.73,-731.8C750.72,-730.17 753.52,-728.25 756,-726 780.58,-703.68 790.11,-664.01 793.61,-642.28"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="795.72,-642.39 794.51,-636.15 791.56,-641.78 795.72,-642.39"/>
</g>
<!-- src/common/charts/index.js&#45;&gt;src/common/charts/BasicChart.jsx -->
<g id="edge37" class="edge">
<title>src/common/charts/index.js&#45;&gt;src/common/charts/BasicChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M494.65,-714.92C511.55,-713.08 534.04,-710.93 554,-710 597.06,-707.99 607.89,-709.58 651,-710 653.01,-710.02 655.07,-710.04 657.15,-710.07"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="657.39,-712.17 663.42,-710.16 657.45,-707.97 657.39,-712.17"/>
</g>
<!-- src/common/charts/index.js&#45;&gt;src/common/charts/Chart.jsx -->
<g id="edge38" class="edge">
<title>src/common/charts/index.js&#45;&gt;src/common/charts/Chart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M494.61,-719.42C514.57,-720.5 542.26,-722 563.88,-723.18"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="563.99,-725.28 570.1,-723.51 564.22,-721.09 563.99,-725.28"/>
</g>
<!-- src/common/charts/index.js&#45;&gt;src/common/charts/LegendChart.jsx -->
<g id="edge39" class="edge">
<title>src/common/charts/index.js&#45;&gt;src/common/charts/LegendChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M494.75,-726.54C511.5,-731.54 533.78,-737.37 554,-740 586.7,-744.25 623.79,-744.5 652.73,-743.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="652.84,-745.79 658.77,-743.5 652.71,-741.59 652.84,-745.79"/>
</g>
<!-- src/index.js -->
<g id="node36" class="node">
<title>src/index.js</title>
<g id="a_node36"><a xlink:href="src/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M64,-402C64,-402 22,-402 22,-402 19,-402 16,-399 16,-396 16,-396 16,-390 16,-390 16,-387 19,-384 22,-384 22,-384 64,-384 64,-384 67,-384 70,-387 70,-390 70,-390 70,-396 70,-396 70,-399 67,-402 64,-402"/>
<text text-anchor="middle" x="43" y="-390.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/index.js&#45;&gt;src/areachart/index.js -->
<g id="edge45" class="edge">
<title>src/index.js&#45;&gt;src/areachart/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M44.25,-383.85C45.6,-337.81 53,-131.28 78,-73 82.26,-63.06 89.87,-53.75 96.82,-46.61"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="98.66,-47.74 101.47,-42.04 95.72,-44.75 98.66,-47.74"/>
</g>
<!-- src/index.js&#45;&gt;src/barchart/index.js -->
<g id="edge46" class="edge">
<title>src/index.js&#45;&gt;src/barchart/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M44.51,-383.74C46.85,-342.98 57.38,-179.51 78,-133 82.38,-123.12 90,-113.8 96.92,-106.65"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="98.76,-107.79 101.55,-102.07 95.81,-104.8 98.76,-107.79"/>
</g>
<!-- src/index.js&#45;&gt;src/candlestick/index.js -->
<g id="edge47" class="edge">
<title>src/index.js&#45;&gt;src/candlestick/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M46.92,-383.98C57.49,-351.34 93.81,-239.18 107.09,-198.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="109.16,-198.58 109.01,-192.23 105.17,-197.29 109.16,-198.58"/>
</g>
<!-- src/linechart/index.js -->
<g id="node37" class="node">
<title>src/linechart/index.js</title>
<g id="a_node37"><a xlink:href="src/linechart/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M134,-836C134,-836 92,-836 92,-836 89,-836 86,-833 86,-830 86,-830 86,-824 86,-824 86,-821 89,-818 92,-818 92,-818 134,-818 134,-818 137,-818 140,-821 140,-824 140,-824 140,-830 140,-830 140,-833 137,-836 134,-836"/>
<text text-anchor="middle" x="113" y="-824.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/index.js&#45;&gt;src/linechart/index.js -->
<g id="edge48" class="edge">
<title>src/index.js&#45;&gt;src/linechart/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M45.42,-402.06C53.99,-456.78 98.83,-742.95 109.65,-812"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="107.58,-812.38 110.59,-817.99 111.73,-811.73 107.58,-812.38"/>
</g>
<!-- src/piechart/index.js -->
<g id="node38" class="node">
<title>src/piechart/index.js</title>
<g id="a_node38"><a xlink:href="src/piechart/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M134,-926C134,-926 92,-926 92,-926 89,-926 86,-923 86,-920 86,-920 86,-914 86,-914 86,-911 89,-908 92,-908 92,-908 134,-908 134,-908 137,-908 140,-911 140,-914 140,-914 140,-920 140,-920 140,-923 137,-926 134,-926"/>
<text text-anchor="middle" x="113" y="-914.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/index.js&#45;&gt;src/piechart/index.js -->
<g id="edge49" class="edge">
<title>src/index.js&#45;&gt;src/piechart/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M44.13,-402.09C45.11,-466.37 52.02,-850.87 78,-895 80.06,-898.5 82.92,-901.54 86.12,-904.15"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="85.25,-906.11 91.35,-907.9 87.69,-902.7 85.25,-906.11"/>
</g>
<!-- src/scatterchart/index.js -->
<g id="node39" class="node">
<title>src/scatterchart/index.js</title>
<g id="a_node39"><a xlink:href="src/scatterchart/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M134,-402C134,-402 92,-402 92,-402 89,-402 86,-399 86,-396 86,-396 86,-390 86,-390 86,-387 89,-384 92,-384 92,-384 134,-384 134,-384 137,-384 140,-387 140,-390 140,-390 140,-396 140,-396 140,-399 137,-402 134,-402"/>
<text text-anchor="middle" x="113" y="-390.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/index.js&#45;&gt;src/scatterchart/index.js -->
<g id="edge50" class="edge">
<title>src/index.js&#45;&gt;src/scatterchart/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M70.1,-393C73.12,-393 76.23,-393 79.33,-393"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="79.64,-395.1 85.64,-393 79.64,-390.9 79.64,-395.1"/>
</g>
<!-- src/treemap/index.js -->
<g id="node40" class="node">
<title>src/treemap/index.js</title>
<g id="a_node40"><a xlink:href="src/treemap/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="black" d="M134,-986C134,-986 92,-986 92,-986 89,-986 86,-983 86,-980 86,-980 86,-974 86,-974 86,-971 89,-968 92,-968 92,-968 134,-968 134,-968 137,-968 140,-971 140,-974 140,-974 140,-980 140,-980 140,-983 137,-986 134,-986"/>
<text text-anchor="middle" x="113" y="-974.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.js</text>
</a>
</g>
</g>
<!-- src/index.js&#45;&gt;src/treemap/index.js -->
<g id="edge51" class="edge">
<title>src/index.js&#45;&gt;src/treemap/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M44.06,-402.28C44.58,-471.44 48.98,-905.3 78,-955 80.05,-958.51 82.9,-961.55 86.09,-964.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="85.22,-966.12 91.32,-967.91 87.67,-962.71 85.22,-966.12"/>
</g>
<!-- src/linechart/LineChart.jsx -->
<g id="node44" class="node">
<title>src/linechart/LineChart.jsx</title>
<g id="a_node44"><a xlink:href="src/linechart/LineChart.jsx" xlink:title="LineChart.jsx">
<path fill="#ffff77" stroke="black" d="M238.5,-836C238.5,-836 175.5,-836 175.5,-836 172.5,-836 169.5,-833 169.5,-830 169.5,-830 169.5,-824 169.5,-824 169.5,-821 172.5,-818 175.5,-818 175.5,-818 238.5,-818 238.5,-818 241.5,-818 244.5,-821 244.5,-824 244.5,-824 244.5,-830 244.5,-830 244.5,-833 241.5,-836 238.5,-836"/>
<text text-anchor="middle" x="207" y="-824.8" font-family="Helvetica,sans-Serif" font-size="9.00">LineChart.jsx</text>
</a>
</g>
</g>
<!-- src/linechart/index.js&#45;&gt;src/linechart/LineChart.jsx -->
<g id="edge60" class="edge">
<title>src/linechart/index.js&#45;&gt;src/linechart/LineChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M140.12,-827C147.17,-827 155,-827 162.73,-827"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="163.17,-829.1 169.17,-827 163.17,-824.9 163.17,-829.1"/>
</g>
<!-- src/piechart/PieChart.jsx -->
<g id="node53" class="node">
<title>src/piechart/PieChart.jsx</title>
<g id="a_node53"><a xlink:href="src/piechart/PieChart.jsx" xlink:title="PieChart.jsx">
<path fill="#ffff77" stroke="black" d="M235.5,-926C235.5,-926 178.5,-926 178.5,-926 175.5,-926 172.5,-923 172.5,-920 172.5,-920 172.5,-914 172.5,-914 172.5,-911 175.5,-908 178.5,-908 178.5,-908 235.5,-908 235.5,-908 238.5,-908 241.5,-911 241.5,-914 241.5,-914 241.5,-920 241.5,-920 241.5,-923 238.5,-926 235.5,-926"/>
<text text-anchor="middle" x="207" y="-914.8" font-family="Helvetica,sans-Serif" font-size="9.00">PieChart.jsx</text>
</a>
</g>
</g>
<!-- src/piechart/index.js&#45;&gt;src/piechart/PieChart.jsx -->
<g id="edge71" class="edge">
<title>src/piechart/index.js&#45;&gt;src/piechart/PieChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M140.12,-917C148.23,-917 157.37,-917 166.2,-917"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="166.24,-919.1 172.24,-917 166.24,-914.9 166.24,-919.1"/>
</g>
<!-- src/scatterchart/ScatterChart.jsx -->
<g id="node56" class="node">
<title>src/scatterchart/ScatterChart.jsx</title>
<g id="a_node56"><a xlink:href="src/scatterchart/ScatterChart.jsx" xlink:title="ScatterChart.jsx">
<path fill="#ffff77" stroke="black" d="M245.5,-402C245.5,-402 168.5,-402 168.5,-402 165.5,-402 162.5,-399 162.5,-396 162.5,-396 162.5,-390 162.5,-390 162.5,-387 165.5,-384 168.5,-384 168.5,-384 245.5,-384 245.5,-384 248.5,-384 251.5,-387 251.5,-390 251.5,-390 251.5,-396 251.5,-396 251.5,-399 248.5,-402 245.5,-402"/>
<text text-anchor="middle" x="207" y="-390.8" font-family="Helvetica,sans-Serif" font-size="9.00">ScatterChart.jsx</text>
</a>
</g>
</g>
<!-- src/scatterchart/index.js&#45;&gt;src/scatterchart/ScatterChart.jsx -->
<g id="edge79" class="edge">
<title>src/scatterchart/index.js&#45;&gt;src/scatterchart/ScatterChart.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M140.12,-393C145.19,-393 150.66,-393 156.2,-393"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="156.24,-395.1 162.24,-393 156.24,-390.9 156.24,-395.1"/>
</g>
<!-- src/treemap/Treemap.jsx -->
<g id="node61" class="node">
<title>src/treemap/Treemap.jsx</title>
<g id="a_node61"><a xlink:href="src/treemap/Treemap.jsx" xlink:title="Treemap.jsx">
<path fill="#ffff77" stroke="black" d="M236.5,-986C236.5,-986 177.5,-986 177.5,-986 174.5,-986 171.5,-983 171.5,-980 171.5,-980 171.5,-974 171.5,-974 171.5,-971 174.5,-968 177.5,-968 177.5,-968 236.5,-968 236.5,-968 239.5,-968 242.5,-971 242.5,-974 242.5,-974 242.5,-980 242.5,-980 242.5,-983 239.5,-986 236.5,-986"/>
<text text-anchor="middle" x="207" y="-974.8" font-family="Helvetica,sans-Serif" font-size="9.00">Treemap.jsx</text>
</a>
</g>
</g>
<!-- src/treemap/index.js&#45;&gt;src/treemap/Treemap.jsx -->
<g id="edge85" class="edge">
<title>src/treemap/index.js&#45;&gt;src/treemap/Treemap.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M140.12,-977C147.82,-977 156.45,-977 164.86,-977"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="165.22,-979.1 171.22,-977 165.22,-974.9 165.22,-979.1"/>
</g>
<!-- src/linechart/DataSeries.jsx -->
<g id="node41" class="node">
<title>src/linechart/DataSeries.jsx</title>
<g id="a_node41"><a xlink:href="src/linechart/DataSeries.jsx" xlink:title="DataSeries.jsx">
<path fill="#ffff77" stroke="black" d="M364.5,-836C364.5,-836 296.5,-836 296.5,-836 293.5,-836 290.5,-833 290.5,-830 290.5,-830 290.5,-824 290.5,-824 290.5,-821 293.5,-818 296.5,-818 296.5,-818 364.5,-818 364.5,-818 367.5,-818 370.5,-821 370.5,-824 370.5,-824 370.5,-830 370.5,-830 370.5,-833 367.5,-836 364.5,-836"/>
<text text-anchor="middle" x="330.5" y="-824.8" font-family="Helvetica,sans-Serif" font-size="9.00">DataSeries.jsx</text>
</a>
</g>
</g>
<!-- src/linechart/Line.jsx -->
<g id="node42" class="node">
<title>src/linechart/Line.jsx</title>
<g id="a_node42"><a xlink:href="src/linechart/Line.jsx" xlink:title="Line.jsx">
<path fill="#ffff77" stroke="black" d="M488.5,-836C488.5,-836 446.5,-836 446.5,-836 443.5,-836 440.5,-833 440.5,-830 440.5,-830 440.5,-824 440.5,-824 440.5,-821 443.5,-818 446.5,-818 446.5,-818 488.5,-818 488.5,-818 491.5,-818 494.5,-821 494.5,-824 494.5,-824 494.5,-830 494.5,-830 494.5,-833 491.5,-836 488.5,-836"/>
<text text-anchor="middle" x="467.5" y="-824.8" font-family="Helvetica,sans-Serif" font-size="9.00">Line.jsx</text>
</a>
</g>
</g>
<!-- src/linechart/DataSeries.jsx&#45;&gt;src/linechart/Line.jsx -->
<g id="edge52" class="edge">
<title>src/linechart/DataSeries.jsx&#45;&gt;src/linechart/Line.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.55,-827C390.7,-827 414.99,-827 434.09,-827"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="434.35,-829.1 440.35,-827 434.35,-824.9 434.35,-829.1"/>
</g>
<!-- src/linechart/VoronoiCircleContainer.jsx -->
<g id="node43" class="node">
<title>src/linechart/VoronoiCircleContainer.jsx</title>
<g id="a_node43"><a xlink:href="src/linechart/VoronoiCircleContainer.jsx" xlink:title="VoronoiCircleContainer.jsx">
<path fill="#ffff77" stroke="black" d="M527.5,-866C527.5,-866 407.5,-866 407.5,-866 404.5,-866 401.5,-863 401.5,-860 401.5,-860 401.5,-854 401.5,-854 401.5,-851 404.5,-848 407.5,-848 407.5,-848 527.5,-848 527.5,-848 530.5,-848 533.5,-851 533.5,-854 533.5,-854 533.5,-860 533.5,-860 533.5,-863 530.5,-866 527.5,-866"/>
<text text-anchor="middle" x="467.5" y="-854.8" font-family="Helvetica,sans-Serif" font-size="9.00">VoronoiCircleContainer.jsx</text>
</a>
</g>
</g>
<!-- src/linechart/DataSeries.jsx&#45;&gt;src/linechart/VoronoiCircleContainer.jsx -->
<g id="edge53" class="edge">
<title>src/linechart/DataSeries.jsx&#45;&gt;src/linechart/VoronoiCircleContainer.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.62,-836.04C379.3,-838.03 388.46,-840.1 397,-842 403.87,-843.53 411.13,-845.12 418.26,-846.67"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="417.91,-848.74 424.22,-847.96 418.8,-844.64 417.91,-848.74"/>
</g>
<!-- src/linechart/VoronoiCircleContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge58" class="edge">
<title>src/linechart/VoronoiCircleContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M533.72,-851.74C538.36,-849.27 542.55,-846.08 546,-842 558.51,-827.18 546,-510.67 554,-493 559,-481.96 568.65,-472.59 577.59,-465.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="578.85,-467.38 582.45,-462.14 576.37,-463.99 578.85,-467.38"/>
</g>
<!-- src/linechart/VoronoiCircle.jsx -->
<g id="node45" class="node">
<title>src/linechart/VoronoiCircle.jsx</title>
<g id="a_node45"><a xlink:href="src/linechart/VoronoiCircle.jsx" xlink:title="VoronoiCircle.jsx">
<path fill="#ffff77" stroke="black" d="M637,-866C637,-866 560,-866 560,-866 557,-866 554,-863 554,-860 554,-860 554,-854 554,-854 554,-851 557,-848 560,-848 560,-848 637,-848 637,-848 640,-848 643,-851 643,-854 643,-854 643,-860 643,-860 643,-863 640,-866 637,-866"/>
<text text-anchor="middle" x="598.5" y="-854.8" font-family="Helvetica,sans-Serif" font-size="9.00">VoronoiCircle.jsx</text>
</a>
</g>
</g>
<!-- src/linechart/VoronoiCircleContainer.jsx&#45;&gt;src/linechart/VoronoiCircle.jsx -->
<g id="edge59" class="edge">
<title>src/linechart/VoronoiCircleContainer.jsx&#45;&gt;src/linechart/VoronoiCircle.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M533.76,-857C538.4,-857 543.03,-857 547.56,-857"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.67,-859.1 553.67,-857 547.67,-854.9 547.67,-859.1"/>
</g>
<!-- src/linechart/LineChart.jsx&#45;&gt;src/common/index.js -->
<g id="edge54" class="edge">
<title>src/linechart/LineChart.jsx&#45;&gt;src/common/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M212.32,-817.96C230.4,-780.16 300.05,-634.57 322.49,-587.66"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="324.41,-588.52 325.1,-582.2 320.62,-586.7 324.41,-588.52"/>
</g>
<!-- src/linechart/LineChart.jsx&#45;&gt;src/mixins/index.js -->
<g id="edge55" class="edge">
<title>src/linechart/LineChart.jsx&#45;&gt;src/mixins/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M209.21,-817.96C217.73,-754.17 268.46,-374.36 269,-373 280.09,-344.91 302.4,-317.35 316.61,-301.55"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="318.24,-302.88 320.74,-297.03 315.14,-300.04 318.24,-302.88"/>
</g>
<!-- src/linechart/LineChart.jsx&#45;&gt;src/utils/index.js -->
<g id="edge56" class="edge">
<title>src/linechart/LineChart.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208.35,-817.95C210.39,-769.54 222.39,-541.61 269,-493 309.17,-451.1 490.6,-450.42 565.25,-452"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.25,-454.1 571.29,-452.14 565.34,-449.9 565.25,-454.1"/>
</g>
<!-- src/linechart/LineChart.jsx&#45;&gt;src/linechart/DataSeries.jsx -->
<g id="edge57" class="edge">
<title>src/linechart/LineChart.jsx&#45;&gt;src/linechart/DataSeries.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M244.78,-827C257.15,-827 271.09,-827 284.04,-827"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="284.31,-829.1 290.31,-827 284.31,-824.9 284.31,-829.1"/>
</g>
<!-- src/piechart/Arc.jsx -->
<g id="node50" class="node">
<title>src/piechart/Arc.jsx</title>
<g id="a_node50"><a xlink:href="src/piechart/Arc.jsx" xlink:title="Arc.jsx">
<path fill="#ffff77" stroke="black" d="M619.5,-926C619.5,-926 577.5,-926 577.5,-926 574.5,-926 571.5,-923 571.5,-920 571.5,-920 571.5,-914 571.5,-914 571.5,-911 574.5,-908 577.5,-908 577.5,-908 619.5,-908 619.5,-908 622.5,-908 625.5,-911 625.5,-914 625.5,-914 625.5,-920 625.5,-920 625.5,-923 622.5,-926 619.5,-926"/>
<text text-anchor="middle" x="598.5" y="-914.8" font-family="Helvetica,sans-Serif" font-size="9.00">Arc.jsx</text>
</a>
</g>
</g>
<!-- src/piechart/ArcContainer.jsx -->
<g id="node51" class="node">
<title>src/piechart/ArcContainer.jsx</title>
<g id="a_node51"><a xlink:href="src/piechart/ArcContainer.jsx" xlink:title="ArcContainer.jsx">
<path fill="#ffff77" stroke="black" d="M506,-926C506,-926 429,-926 429,-926 426,-926 423,-923 423,-920 423,-920 423,-914 423,-914 423,-911 426,-908 429,-908 429,-908 506,-908 506,-908 509,-908 512,-911 512,-914 512,-914 512,-920 512,-920 512,-923 509,-926 506,-926"/>
<text text-anchor="middle" x="467.5" y="-914.8" font-family="Helvetica,sans-Serif" font-size="9.00">ArcContainer.jsx</text>
</a>
</g>
</g>
<!-- src/piechart/ArcContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge65" class="edge">
<title>src/piechart/ArcContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M512.27,-914.32C525.12,-911.26 537.88,-905.52 546,-895 559.64,-877.31 544.82,-513.36 554,-493 558.98,-481.95 568.63,-472.58 577.57,-465.7"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="578.84,-467.37 582.44,-462.13 576.36,-463.98 578.84,-467.37"/>
</g>
<!-- src/piechart/ArcContainer.jsx&#45;&gt;src/piechart/Arc.jsx -->
<g id="edge66" class="edge">
<title>src/piechart/ArcContainer.jsx&#45;&gt;src/piechart/Arc.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M512.17,-917C529.47,-917 549,-917 565.01,-917"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.18,-919.1 571.18,-917 565.18,-914.9 565.18,-919.1"/>
</g>
<!-- src/piechart/DataSeries.jsx -->
<g id="node52" class="node">
<title>src/piechart/DataSeries.jsx</title>
<g id="a_node52"><a xlink:href="src/piechart/DataSeries.jsx" xlink:title="DataSeries.jsx">
<path fill="#ffff77" stroke="black" d="M364.5,-926C364.5,-926 296.5,-926 296.5,-926 293.5,-926 290.5,-923 290.5,-920 290.5,-920 290.5,-914 290.5,-914 290.5,-911 293.5,-908 296.5,-908 296.5,-908 364.5,-908 364.5,-908 367.5,-908 370.5,-911 370.5,-914 370.5,-914 370.5,-920 370.5,-920 370.5,-923 367.5,-926 364.5,-926"/>
<text text-anchor="middle" x="330.5" y="-914.8" font-family="Helvetica,sans-Serif" font-size="9.00">DataSeries.jsx</text>
</a>
</g>
</g>
<!-- src/piechart/DataSeries.jsx&#45;&gt;src/piechart/ArcContainer.jsx -->
<g id="edge67" class="edge">
<title>src/piechart/DataSeries.jsx&#45;&gt;src/piechart/ArcContainer.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.55,-917C384.86,-917 401.25,-917 416.4,-917"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="416.8,-919.1 422.8,-917 416.8,-914.9 416.8,-919.1"/>
</g>
<!-- src/piechart/PieChart.jsx&#45;&gt;src/common/index.js -->
<g id="edge68" class="edge">
<title>src/piechart/PieChart.jsx&#45;&gt;src/common/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M241.74,-909.33C249.16,-906.09 256.22,-901.5 261,-895 272.63,-879.18 265.64,-826.35 269,-807 283.58,-722.97 313.14,-624.88 324.71,-588.01"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="326.73,-588.6 326.53,-582.24 322.72,-587.33 326.73,-588.6"/>
</g>
<!-- src/piechart/PieChart.jsx&#45;&gt;src/mixins/index.js -->
<g id="edge69" class="edge">
<title>src/piechart/PieChart.jsx&#45;&gt;src/mixins/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M241.54,-909.81C249.15,-906.56 256.36,-901.84 261,-895 277.29,-871 259.96,-400.56 269,-373 278.31,-344.61 300.74,-317.52 315.52,-301.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="317.19,-303.13 319.83,-297.35 314.16,-300.22 317.19,-303.13"/>
</g>
<!-- src/piechart/PieChart.jsx&#45;&gt;src/piechart/DataSeries.jsx -->
<g id="edge70" class="edge">
<title>src/piechart/PieChart.jsx&#45;&gt;src/piechart/DataSeries.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M241.52,-917C254.8,-917 270.26,-917 284.49,-917"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="284.5,-919.1 290.5,-917 284.5,-914.9 284.5,-919.1"/>
</g>
<!-- src/scatterchart/DataSeries.jsx -->
<g id="node54" class="node">
<title>src/scatterchart/DataSeries.jsx</title>
<g id="a_node54"><a xlink:href="src/scatterchart/DataSeries.jsx" xlink:title="DataSeries.jsx">
<path fill="#ffff77" stroke="black" d="M364.5,-402C364.5,-402 296.5,-402 296.5,-402 293.5,-402 290.5,-399 290.5,-396 290.5,-396 290.5,-390 290.5,-390 290.5,-387 293.5,-384 296.5,-384 296.5,-384 364.5,-384 364.5,-384 367.5,-384 370.5,-387 370.5,-390 370.5,-390 370.5,-396 370.5,-396 370.5,-399 367.5,-402 364.5,-402"/>
<text text-anchor="middle" x="330.5" y="-390.8" font-family="Helvetica,sans-Serif" font-size="9.00">DataSeries.jsx</text>
</a>
</g>
</g>
<!-- src/scatterchart/VoronoiCircleContainer.jsx -->
<g id="node55" class="node">
<title>src/scatterchart/VoronoiCircleContainer.jsx</title>
<g id="a_node55"><a xlink:href="src/scatterchart/VoronoiCircleContainer.jsx" xlink:title="VoronoiCircleContainer.jsx">
<path fill="#ffff77" stroke="black" d="M527.5,-402C527.5,-402 407.5,-402 407.5,-402 404.5,-402 401.5,-399 401.5,-396 401.5,-396 401.5,-390 401.5,-390 401.5,-387 404.5,-384 407.5,-384 407.5,-384 527.5,-384 527.5,-384 530.5,-384 533.5,-387 533.5,-390 533.5,-390 533.5,-396 533.5,-396 533.5,-399 530.5,-402 527.5,-402"/>
<text text-anchor="middle" x="467.5" y="-390.8" font-family="Helvetica,sans-Serif" font-size="9.00">VoronoiCircleContainer.jsx</text>
</a>
</g>
</g>
<!-- src/scatterchart/DataSeries.jsx&#45;&gt;src/scatterchart/VoronoiCircleContainer.jsx -->
<g id="edge72" class="edge">
<title>src/scatterchart/DataSeries.jsx&#45;&gt;src/scatterchart/VoronoiCircleContainer.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.55,-393C378.24,-393 386.54,-393 394.92,-393"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="395.34,-395.1 401.34,-393 395.34,-390.9 395.34,-395.1"/>
</g>
<!-- src/scatterchart/VoronoiCircleContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge77" class="edge">
<title>src/scatterchart/VoronoiCircleContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M500.48,-402.04C515.05,-406.97 532.1,-413.94 546,-423 550.21,-425.74 549.93,-428.05 554,-431 559.14,-434.72 565,-438.15 570.72,-441.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="570.06,-443.16 576.36,-443.98 571.95,-439.41 570.06,-443.16"/>
</g>
<!-- src/scatterchart/VoronoiCircle.jsx -->
<g id="node57" class="node">
<title>src/scatterchart/VoronoiCircle.jsx</title>
<g id="a_node57"><a xlink:href="src/scatterchart/VoronoiCircle.jsx" xlink:title="VoronoiCircle.jsx">
<path fill="#ffff77" stroke="black" d="M637,-402C637,-402 560,-402 560,-402 557,-402 554,-399 554,-396 554,-396 554,-390 554,-390 554,-387 557,-384 560,-384 560,-384 637,-384 637,-384 640,-384 643,-387 643,-390 643,-390 643,-396 643,-396 643,-399 640,-402 637,-402"/>
<text text-anchor="middle" x="598.5" y="-390.8" font-family="Helvetica,sans-Serif" font-size="9.00">VoronoiCircle.jsx</text>
</a>
</g>
</g>
<!-- src/scatterchart/VoronoiCircleContainer.jsx&#45;&gt;src/scatterchart/VoronoiCircle.jsx -->
<g id="edge78" class="edge">
<title>src/scatterchart/VoronoiCircleContainer.jsx&#45;&gt;src/scatterchart/VoronoiCircle.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M533.76,-393C538.4,-393 543.03,-393 547.56,-393"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="547.67,-395.1 553.67,-393 547.67,-390.9 547.67,-395.1"/>
</g>
<!-- src/scatterchart/ScatterChart.jsx&#45;&gt;src/common/index.js -->
<g id="edge73" class="edge">
<title>src/scatterchart/ScatterChart.jsx&#45;&gt;src/common/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M208.51,-402.12C210.58,-430 220.75,-514.83 269,-558 276.75,-564.93 287.2,-568.77 297.24,-570.87"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="297.13,-572.98 303.4,-571.96 297.86,-568.85 297.13,-572.98"/>
</g>
<!-- src/scatterchart/ScatterChart.jsx&#45;&gt;src/mixins/index.js -->
<g id="edge74" class="edge">
<title>src/scatterchart/ScatterChart.jsx&#45;&gt;src/mixins/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M218.78,-383.68C240.45,-364.95 289.34,-322.71 314.26,-301.17"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.75,-302.66 318.92,-297.15 313,-299.48 315.75,-302.66"/>
</g>
<!-- src/scatterchart/ScatterChart.jsx&#45;&gt;src/utils/index.js -->
<g id="edge75" class="edge">
<title>src/scatterchart/ScatterChart.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M242.06,-402.04C250.8,-404.18 260.22,-406.32 269,-408 376.75,-428.57 506.1,-443.45 565.2,-449.71"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.19,-451.82 571.37,-450.36 565.63,-447.65 565.19,-451.82"/>
</g>
<!-- src/scatterchart/ScatterChart.jsx&#45;&gt;src/scatterchart/DataSeries.jsx -->
<g id="edge76" class="edge">
<title>src/scatterchart/ScatterChart.jsx&#45;&gt;src/scatterchart/DataSeries.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M251.52,-393C262.11,-393 273.46,-393 284.13,-393"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="284.32,-395.1 290.32,-393 284.32,-390.9 284.32,-395.1"/>
</g>
<!-- src/treemap/Cell.jsx -->
<g id="node58" class="node">
<title>src/treemap/Cell.jsx</title>
<g id="a_node58"><a xlink:href="src/treemap/Cell.jsx" xlink:title="Cell.jsx">
<path fill="#ffff77" stroke="black" d="M619.5,-986C619.5,-986 577.5,-986 577.5,-986 574.5,-986 571.5,-983 571.5,-980 571.5,-980 571.5,-974 571.5,-974 571.5,-971 574.5,-968 577.5,-968 577.5,-968 619.5,-968 619.5,-968 622.5,-968 625.5,-971 625.5,-974 625.5,-974 625.5,-980 625.5,-980 625.5,-983 622.5,-986 619.5,-986"/>
<text text-anchor="middle" x="598.5" y="-974.8" font-family="Helvetica,sans-Serif" font-size="9.00">Cell.jsx</text>
</a>
</g>
</g>
<!-- src/treemap/CellContainer.jsx -->
<g id="node59" class="node">
<title>src/treemap/CellContainer.jsx</title>
<g id="a_node59"><a xlink:href="src/treemap/CellContainer.jsx" xlink:title="CellContainer.jsx">
<path fill="#ffff77" stroke="black" d="M506.5,-986C506.5,-986 428.5,-986 428.5,-986 425.5,-986 422.5,-983 422.5,-980 422.5,-980 422.5,-974 422.5,-974 422.5,-971 425.5,-968 428.5,-968 428.5,-968 506.5,-968 506.5,-968 509.5,-968 512.5,-971 512.5,-974 512.5,-974 512.5,-980 512.5,-980 512.5,-983 509.5,-986 506.5,-986"/>
<text text-anchor="middle" x="467.5" y="-974.8" font-family="Helvetica,sans-Serif" font-size="9.00">CellContainer.jsx</text>
</a>
</g>
</g>
<!-- src/treemap/CellContainer.jsx&#45;&gt;src/utils/index.js -->
<g id="edge80" class="edge">
<title>src/treemap/CellContainer.jsx&#45;&gt;src/utils/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M512.7,-974.24C525.4,-971.15 537.98,-965.42 546,-955 561.65,-934.65 543.48,-516.42 554,-493 558.97,-481.95 568.61,-472.58 577.56,-465.69"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="578.83,-467.37 582.43,-462.13 576.34,-463.98 578.83,-467.37"/>
</g>
<!-- src/treemap/CellContainer.jsx&#45;&gt;src/treemap/Cell.jsx -->
<g id="edge81" class="edge">
<title>src/treemap/CellContainer.jsx&#45;&gt;src/treemap/Cell.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M512.53,-977C529.8,-977 549.25,-977 565.18,-977"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="565.33,-979.1 571.33,-977 565.33,-974.9 565.33,-979.1"/>
</g>
<!-- src/treemap/DataSeries.jsx -->
<g id="node60" class="node">
<title>src/treemap/DataSeries.jsx</title>
<g id="a_node60"><a xlink:href="src/treemap/DataSeries.jsx" xlink:title="DataSeries.jsx">
<path fill="#ffff77" stroke="black" d="M364.5,-986C364.5,-986 296.5,-986 296.5,-986 293.5,-986 290.5,-983 290.5,-980 290.5,-980 290.5,-974 290.5,-974 290.5,-971 293.5,-968 296.5,-968 296.5,-968 364.5,-968 364.5,-968 367.5,-968 370.5,-971 370.5,-974 370.5,-974 370.5,-980 370.5,-980 370.5,-983 367.5,-986 364.5,-986"/>
<text text-anchor="middle" x="330.5" y="-974.8" font-family="Helvetica,sans-Serif" font-size="9.00">DataSeries.jsx</text>
</a>
</g>
</g>
<!-- src/treemap/DataSeries.jsx&#45;&gt;src/treemap/CellContainer.jsx -->
<g id="edge82" class="edge">
<title>src/treemap/DataSeries.jsx&#45;&gt;src/treemap/CellContainer.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M370.55,-977C384.72,-977 400.94,-977 415.96,-977"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="416.32,-979.1 422.32,-977 416.32,-974.9 416.32,-979.1"/>
</g>
<!-- src/treemap/Treemap.jsx&#45;&gt;src/common/index.js -->
<g id="edge83" class="edge">
<title>src/treemap/Treemap.jsx&#45;&gt;src/common/index.js</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M242.73,-969.08C249.84,-965.86 256.51,-961.34 261,-955 270.51,-941.56 266.48,-823.27 269,-807 282.04,-722.72 312.51,-624.77 324.51,-587.98"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="326.53,-588.58 326.4,-582.22 322.54,-587.27 326.53,-588.58"/>
</g>
<!-- src/treemap/Treemap.jsx&#45;&gt;src/treemap/DataSeries.jsx -->
<g id="edge84" class="edge">
<title>src/treemap/Treemap.jsx&#45;&gt;src/treemap/DataSeries.jsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M242.82,-977C255.71,-977 270.52,-977 284.21,-977"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="284.41,-979.1 290.41,-977 284.41,-974.9 284.41,-979.1"/>
</g>
</g>
</svg>