Units

var Datum = React.createClass({
  render: function() {

    // chart properties
    var dataSets = [
      {
        values: this.props.dataset1,
        key: "Transmitted Signal",
        color: '#1FB0C5'
      },
          {
          values: this.props.dataset2,
          key: 'Received Signal',
          color: '#2ca02c'
          }
    ];

    var xAxis=
          {
            axisLabel: 'Sample/Bit Index',
            tickFormat: d3.format(',r')
          }

    var yAxis=
          {
            axisLabel: 'Relative Voltage',
            tickFormat: d3.format('.02f')
          }

    return (
      <div className="datum">

        <h4>
          At a noise level of {this.props.noise},
          the following message was received:
          &nbsp;{this.props.children}
        </h4>



        <NVD3Chart
          type="lineChart"
          useInteractiveGuideline={true}
          datum={dataSets}
          xAxis={xAxis} yAxis={yAxis}
        />

      </div>
    );
  }
});