1function DataChart({ data, onPointClick, colorScheme }) {
2  const points = data.map(item => ({
3    x: parseFloat(item.timestamp),
4    y: calculateMetric(item.values),
5    color: colorScheme[item.category]
6  }));
7  
8  const chartConfig = {
9    width: 800,
10    height: 400,
11    margin: { top: 20, right: 30, bottom: 40, left: 50 },
12    animate: true,
13    duration: 500
14  };
15
16  return (
17    <Chart config={chartConfig}>
18      <ScatterPlot
19        data={points}
20        onPointClick={onPointClick}
21      />
22      <Axis position="bottom" />
23      <Axis position="left" />
24    </Chart>
25  );
26}