Victory playground

by rexonms

HTML

<script src="https://unpkg.com/[email protected]/dist/react.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://unpkg.com/[email protected]/prop-types.min.js"></script>
<script src="https://npmcdn.com/[email protected]/dist/victory.min.js"></script>
<div id="app"></div>

Babel + JSX

const { VictoryChart,  VictoryAxis, VictoryBar, VictoryGroup, VictoryTooltip, VictoryVoronoiContainer, VictoryLabel } = Victory;
const renderTarget = document.getElementById('app');

const data = [
            {
              x: 1540080000,
              y: 9036.14327457
            },
            {
              x: 1539993600,
              y: 9005.96292497
            },
            {
              x: 1539907200,
              y: '8981.80939723'
            },
            {
              x: 1539820800,
              y: '9020.08720688'
            },
            {
              x: 1539734400,
              y: '9063.96813533'
            },
            {
              x: 1539648000,
              y: '9008.54361149'
            },
            {
              x: 1539561600,
              y: '8991.63398030'
            },
            {
              x: 1539475200,
              y: '8740.84807535'
            },
            {
              x: 1539388800,
              y: '8783.58404278'
            },
            {
              x: 1539302400,
              y: '8769.51179966'
            },
            {
              x: 1539216000,
              y: '8725.71332824'
            },
            {
              x: 1539129600,
              y: '9256.22226562'
            },
            {
              x: 1539043200,
              y: '9297.48359500'
            },
            {
              x: 1538956800,
              y: '9324.75934696'
            },
            {
              x: 1538870400,
              y: '9299.87588794'
            },
            {
              x: 1538784000,
              y: '9272.30020234'
            },
            {
              x: 1538697600,
              y: '9289.65999607'
            },
            {
              x: 1538611200,
              y: '9240.76806444'
            },
            {
              x: 1538524800,
              y: '9106.48106640'
            },
            {
              x: 1538438400,
              y:...