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>
);
}