用途
该技能面向数据可视化与图表实现,目标是把数据转化为能被正确、快速、诚实解读的图表。它强调可视化首先是感知问题,其次才是渲染问题:人眼对位置和长度的判断准确,对角度和面积判断较差,因此条形图通常优于饼图,截断坐标轴会误导读者。
主要能力
- 根据数据与问题选择图表类型:比较、趋势、分布、相关、部分与整体、流向。
- 用感知准确的通道编码数据:数量优先用位置和长度,颜色仅作为辅助,不单独承载数值。
- 保证感知诚实:条形图基线从零开始,避免双轴制造虚假相关,面积与数值成比例,必要时展示不确定性。
- 颜色作为数据:使用色盲安全的分类、顺序、发散色阶,并匹配数据结构;不单独用色相编码含义。
- 无障碍与交互:键盘导航、屏幕阅读器摘要、有信息量的提示框、可读的小倍数图。
- 性能:按元素数量在 SVG、Canvas、WebGL 之间选择渲染方案,对海量数据先聚合或降采样,保持约 60fps 交互。
使用方式
资料未提供具体安装命令或调用步骤。从内容看,该技能以角色化工作流方式使用:从问题出发,审视数据形状,选择准确编码,设计诚实性,选择颜色,按真实数据量实现,保证无障碍,最后去除图表垃圾并验证。
适用场景
- 仪表盘设计与信息层级规划。
- 图表类型选择与编码设计。
- 可视化审查,发现截断基线、双轴、面积缩放等误导性编码。
- 大规模数据渲染性能优化。
- 色盲安全与无障碍图表实现。
限制
资料未提供具体收费、价格、平台、安装步骤或效果保证。部分技术细节(如具体库版本、浏览器兼容性)未在资料中说明。