<h4>With data</h4>

```js
var moment = require('moment');

initialState = {
    data: [
        {
            activityDatetime: moment()
                .subtract(90, 'days')
                .format('YYYY-MM-DD'),
            facebook: {
                platform: 'facebook',
                metricName: null,
                metricValue: 200.0,
                activityDatetime: moment()
                    .subtract(90, 'days')
                    .format('YYYY-MM-DD')
            },
            spotify: {
                platform: 'spotify',
                metricName: null,
                metricValue: 120.0,
                activityDatetime: moment()
                    .subtract(90, 'days')
                    .format('YYYY-MM-DD')
            },
            instagram: {
                platform: 'instagram',
                metricName: null,
                metricValue: 40.0,
                activityDatetime: moment()
                    .subtract(90, 'days')
                    .format('YYYY-MM-DD')
            }
        },
        {
            activityDatetime: moment()
                .subtract(0, 'days')
                .format('YYYY-MM-DD'),
            facebook: {
                platform: 'facebook',
                metricName: null,
                metricValue: 50.0,
                activityDatetime: moment()
                    .subtract(0, 'days')
                    .format('YYYY-MM-DD')
            },
            spotify: {
                platform: 'spotify',
                metricName: null,
                metricValue: 20.0,
                activityDatetime: moment()
                    .subtract(0, 'days')
                    .format('YYYY-MM-DD')
            },
            instagram: {
                platform: 'instagram',
                metricName: null,
                metricValue: 100.0,
                activityDatetime: moment()
                    .subtract(0, 'days')
                    .format('YYYY-MM-DD')
            }
        }
    ]
};

<ChartGraphContainer
    data={state.data}
    days={90}
    hoverOnDate={() => {}}
    sourceTypes={['facebook', 'spotify', 'instagram']}
    xAxisKey="activityDatetime"
    yAxisKey="metricValue"
/>;
```

---

<h4>While Loading</h4>

```js
<ChartGraphContainer data={[]} days={1} hoverOnDate={() => {}} sourceTypes={[]} isLoading={true} />
```