13、响应式数据可视化与API优先开发指南

响应式数据可视化与API优先开发指南

1. 响应式数据可视化原则

响应式数据可视化涉及多个关键方面，包括标记、设计、交互以及对数据的响应等。

1.1 标记层

标记层分为可见标记和元信息两层：
- 可见标记 ：这是创建数据可视化的实际HTML，其内容从API中提取。
- 元信息 ：仅存在于标记层，用于为无屏幕用户（如搜索引擎爬虫）提供额外上下文，帮助他们在无法查看数据时更好地理解数据描述。

1.2 设计

设计是数据的视觉样式，由标记和CSS提供，并受绘图技术实现的影响。类似于网页设计中CSS对颜色、字体大小、边距等显示的影响。

1.3 交互

交互是最顶层的部分，可视为渐进式探索。与渐进增强中使用JavaScript交互效果不同，数据可视化中某些元素的交互可与AJAX结合，以获取更多数据并得出进一步结论。

1.4 响应数据

响应数据集的特征是至关重要的概念。在实际项目中，数据集可能存在各种隐式特征和约束，例如：
- 大多数用户使用移动设备。
- 需要调用七个不同的API。
- 不能保证有WiFi。
- 某些子集的过滤信息缺失。

响应式网页设计的基本要素包括网格、媒体查询和灵活媒体，现在还需加入灵活数据。

2. 了解受众

数据将被两类用户消费：有视觉能力的用户和无视觉能力的用户。

2.1 为人类构建