如何仅绘制每个相应x值的最大Y值

const data = [
  { x: 1, y: 5 },
  { x: 1, y: 10 },
  { x: 2, y: 3 },
  { x: 2, y: 8 },
  // ...更多数据
];

const aggregatedData = data.reduce((acc, curr) => {
  if (!acc[curr.x] || acc[curr.x].y < curr.y) {
    acc[curr.x] = curr;
  }
  return acc;
}, {});

const maxValues = Object.keys(aggregatedData).map(key => ({
  x: parseInt(key),
  y: aggregatedData[key].y
}));

// 假设你已经有了一个SVG容器
const svg = d3.select('svg');

// 创建比例尺
const xScale = d3.scaleLinear().domain([d3.min(maxValues, d => d.x), d3.max(maxValues, d => d.x)]).range([50, 450]);
const yScale = d3.scaleLinear().domain([0, d3.max(maxValues, d => d.y)]).range([450, 50]);

// 绘制点
svg.selectAll('circle')
  .data(maxValues)
  .enter()
  .append('circle')
  .attr('cx', d => xScale(d.x))
  .attr('cy', d => yScale(d.y))
  .attr('r', 5)
  .style('fill', 'blue');

import pandas as pd

# 假设你有一个DataFrame
data = {
    'x': [1, 1, 2, 2],
    'y': [5, 10, 3, 8]
}
df = pd.DataFrame(data)

# 找到每个x值的最大y值
max_values = df.groupby('x')['y'].max().reset_index()

print(max_values)

const filteredData = data.filter(d => d.x !== undefined && d.y !== undefined);