render()

in packages/showcase/interaction/interaction-examples.js [49:71]


  render() {
    const {index} = this.state;
    const data = scatterPlotData.map((d, i) => ({
      ...d,
      color: i === index ? 1 : 0
    }));
    return (
      <XYPlot
        {...defaultProps}
        xDomain={[-0.5, 9.5]}
        yDomain={[-0.5, 9.5]}
        size={5}
        colorDomain={[0, 1]}
        onMouseLeave={() => this.setState({index: null})}
      >
        <MarkSeries
          data={data}
          stroke="white"
          onNearestXY={(d, e) => this.setState({index: e.index})}
        />
      </XYPlot>
    );
  }