anchor.diff:          <p>Ping the server at <ServerCity city={this.state.serverCity} /> from <ClientCity city={this.state.clientCity} />!</p>
           <LocationFetchError server={this.state.serverCityError} client={this.state.clientCityError} />
           <PingBox serverId={this.state.serverId} clientId={this.state.clientId} />
  -        <PlotBox />
  +        <PlotBox data={this.state.results} />
         </div>
       );
     }
  
positive.code:       serverCity: "unknown location",
        serverCityError: null,
        clientCity: "unknown location",
        clientCityError: null
      };
    },
    componentDidMount: function() {
  
negative.code: var PlotBox = React.createClass({
    render: function() {
      var ScatterPlot = ReactD3.ScatterPlot;
      var colorScale = d3.scale.category10();
      console.log(colorScale);
      var xAccessor = function(e){return e.distance_km};
      var yAccessor = function(e){return e.lag_ms};
      var data = this.props.data;
      return(
        <ScatterPlot
          data={data}
          width={640}
          height={400}
          x={xAccessor}
          y={yAccessor}
          colorScale={colorScale}
          xAxis={{label: "Distance (km)"}}
          yAxis={{label: "Lag (msec)"}}
          margin={{top: 20, bottom: 20, left: 40, right: 20}}
        />
      );
    }
  