帮我写一个wxml代码，左边我想展示八个不同的中医流派，右边展示每个流派对应的人物，在右边下方放一个散点图，当我点击流派按钮时，右边的人物数据和散点图数据会更新当前点击的流派

为了实现您的需求，下面是一个基本的wxml代码框架，它展示了如何设置左边的流派列表以及右边的人物展示和散点图。请注意，实际的人物数据和散点图数据需要您自己提供，并且需要使用JavaScript来动态更新这些数据。

<!-- wxml文件 -->
<view class="container">
  <!-- 左侧流派列表 -->
  <view class="faction-list">
    <block wx:for="{{factions}}" wx:key="unique">
      <button bindtap="updateFactionData" data-faction="{{item.name}}">{{item.name}}</button>
    </block>
  </view>
  
  <!-- 右侧人物展示和散点图 -->
  <view class="content">
    <view class="figures">
      <block wx:for="{{currentFaction.figures}}" wx:key="unique">
        <view>{{item.name}}</view>
      </block>
    </view>
    <view class="scatter-plot">
      <!-- 这里应该是散点图的标签，但是微信小程序目前不支持直接在wxml中绘制散点图 -->
      <!-- 您需要使用第三方库如echarts-for-weixin来实现散点图 -->
    </view>
  </view>
</view>

// js文件
Page({
  data: {
    factions: [
      { name: '流派1', figures: [{ name: '人物1' }, { name: '人物2' }] },
      { name: '流派2', figures: [{ name: '人物3' }, { name: '人物4' }] },
      // ...其他流派和人物
    ],
    currentFaction: {}
  },
  
  updateFactionData: function(e) {
    const factionName = e.currentTarget.dataset.faction;
    const faction = this.data.factions.find(f => f.name === factionName);
    this.setData({
      currentFaction: faction
    });
    
    // 更新散点图数据的逻辑（假设使用echarts-for-weixin）
    // 您需要将faction对象中的数据格式化为echarts图表所需的格式
    // chart.setOption(option);
  }
});

请注意，散点图的实现在这个例子中是不完整的，因为微信小程序没有内置的图表组件，您需要使用第三方库（例如echarts-for-weixin）来创建散点图。这通常涉及到在页面中初始化echarts实例，然后在`updateFactionData`函数中根据选中的流派动态更新图表数据。