anchor.diff:        serverCity: "unknown location",
         serverCityError: null,
         clientCity: "unknown location",
  -      clientCityError: null
  +      clientCityError: null,
  +      results: [
  +        {
  +          label: 1,
  +          values:[
  +            {distance_km:4995.94242605257, lag_ms:155.0},
  +            {distance_km:8556.85379011273, lag_ms:139.0}
  +          ]
  +        },
  +        {
  +          label: 2,
  +          values:[{distance_km:2500.0, lag_ms:100.0}]
  +        },
  +      ]
       };
     },
     componentDidMount: function() {
  
positive.code:         <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 />
        </div>
      );
    }
  
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}}
        />
      );
    }
  