Victory

HTML

<script src="https://npmcdn.com/[email protected]/dist/victory.min.js"></script>
<script src="//fb.me/react-dom-0.14.3.js"></script>
<script src="https://d3js.org/d3-array.v0.6.min.js"></script>
<script src="https://d3js.org/d3-color.v0.3.min.js"></script>
<script src="https://d3js.org/d3-format.v0.4.min.js"></script>
<script src="https://d3js.org/d3-interpolate.v0.3.min.js"></script>
<script src="https://d3js.org/d3-time.v0.1.min.js"></script>
<script src="https://d3js.org/d3-time-format.v0.2.min.js"></script>
<script src="https://d3js.org/d3-scale.v0.4.min.js"></script>
<div id="app"></div>

Babel + JSX

const { VictoryChart, VictoryAxis, VictoryLine, VictoryScatter } = Victory;

const data = {
thirtyDays: [{"x":"2015-12-29T03:25:25.656Z","y":135},{"x":"2015-12-28T03:25:25.657Z","y":170},{"x":"2015-12-27T03:25:25.657Z","y":113},{"x":"2015-12-26T03:25:25.657Z","y":158},{"x":"2015-12-25T03:25:25.657Z","y":169},{"x":"2015-12-24T03:25:25.657Z","y":189},{"x":"2015-12-23T03:25:25.657Z","y":151},{"x":"2015-12-22T03:25:25.657Z","y":124},{"x":"2015-12-21T03:25:25.657Z","y":140},{"x":"2015-12-20T03:25:25.657Z","y":173},{"x":"2015-12-19T03:25:25.657Z","y":175},{"x":"2015-12-18T03:25:25.657Z","y":130},{"x":"2015-12-17T03:25:25.657Z","y":166},{"x":"2015-12-16T03:25:25.657Z","y":110},{"x":"2015-12-15T03:25:25.657Z","y":115},{"x":"2015-12-14T03:25:25.657Z","y":153},{"x":"2015-12-13T03:25:25.657Z","y":182},{"x":"2015-12-12T03:25:25.657Z","y":144},{"x":"2015-12-11T03:25:25.657Z","y":184},{"x":"2015-12-10T03:25:25.657Z","y":118},{"x":"2015-12-09T03:25:25.657Z","y":188},{"x":"2015-12-08T03:25:25.657Z","y":161},{"x":"2015-12-07T03:25:25.657Z","y":158},{"x":"2015-12-06T03:25:25.657Z","y":132},{"x":"2015-12-05T03:25:25.657Z","y":109},{"x":"2015-12-04T03:25:25.657Z","y":152},{"x":"2015-12-03T03:25:25.657Z","y":197},{"x":"2015-12-02T03:25:25.657Z","y":143},{"x":"2015-12-01T03:25:25.657Z","y":160},{"x":"2015-11-30T03:25:25.657Z","y":137}].map((data) => { data.x = new Date(data.x); return data;})
}

ReactDOM.render(
    <VictoryChart height={450} scale={{x: d3_scale.time()}}>
      <VictoryAxis
        tickValues={[
          new Date(2015, 10, 29),
          new Date(2015, 11, 31)
        ]}
        tickFormat={(x) => x.getFullYear()}
        label={"text"} />
      <VictoryScatter data={data['thirtyDays']}  size={10} 
      style={{data: {stroke: "black", strokeWidth: 2, fill: "transparent"}}}/>
      <VictoryLine data={data['thirtyDays']} />
    </VictoryChart>,
  document.getElementById('app')
);