生成人才梯队发展规划（人才盘点）

请设计一份专业的企业人才梯队分析与发展规划仪表盘（Dashboard）HTML 页面，用于 HRBP 或组织发展部门进行人才盘点与战略规划，要求如下：  1、核心分析模块： 人才结构全景图：使用树状图（Treemap）或旭日图展示各层级（高层、中层、基层）及各职能序列（技术、产品、销售等）的人才分布比例。 九宫格人才盘点矩阵：经典的“绩效-潜力”九宫格可视化，标注出关键人才（High Potential）、中坚力量及待改进人员的位置与数量。 继任者覆盖率分析：针对关键岗位（如总监级以上），展示是否有合格的继任者（Ready Now / 1-2年 Ready / 无继任者），并用进度条或仪表盘呈现覆盖度。 能力缺口雷达图：对比当前团队核心能力模型与未来战略所需能力模型的差距，识别培训重点。 2、发展规划建议区： 关键人才保留计划：列出 Top 10% 高潜人才的模拟名单及对应的激励/发展建议（如轮岗、导师制）。 培训资源分配饼图：根据能力缺口，模拟下一年度的培训预算与精力分配建议。 招聘需求预测：基于业务增长目标，预测未来半年各序列的净增人数需求。 3、视觉与交互要求： 采用稳重、专业的深色系或商务蓝配色，体现数据的专业性与权威感。 使用 ECharts 实现复杂的图表交互（如点击九宫格中的某个格子，右侧弹出该区间内的人员列表）。 增加“情景模拟”滑块：调整业务增长率，动态更新招聘需求预测数据。 4、数据模拟： 模拟一家中型科技公司（约 500-1000 人）的组织数据。 确保九宫格分布符合正态分布逻辑，继任者数据体现真实的管理痛点。 5、技术要求： 单文件 HTML，内联 CSS 和 JavaScript。 通过 CDN 引入 ECharts 和必要的 UI 组件库（如 Bootstrap 或 Tailwind CSS via CDN）。 布局采用响应式 Grid 系统，确保在大屏演示时信息清晰、层次分明。 输出完整的 HTML 代码，确保可以直接保存并在浏览器中打开，呈现一个逻辑严密、视觉震撼的人才管理专业看板。

Prompt 来自案例库分享的原始记录，可能依赖当时的端、模型、连接器或账号权限；复现前请先替换为脱敏样本并核对每一步输出。