Lyra 开源项目使用教程

1. 项目介绍

Lyra 是一个交互式的图形可视化设计环境（Visualization Design Environment, VDE），允许用户在不编写代码的情况下进行自定义可视化设计。通过图形化的“标记”，用户可以将数据字段绑定到属性拖放区域，动态定位使用连接器，并直接移动、旋转和调整大小。Lyra 还提供了一个数据管道接口，用于迭代可视化指定数据转换和布局算法。

Lyra 的设计目标是比 Tableau 等交互式系统更具表达性，允许设计师创建与使用 D3 或 Processing 手动编码的可视化相媲美的自定义可视化。这些可视化可以轻松发布并在 Web 上重用。

2. 项目快速启动

安装依赖

要开始使用 Lyra，您需要在本地计算机上安装 Node.js 和 Yarn。然后，通过 Git 下载项目仓库：

git clone https://github.com/vega/lyra.git
cd lyra

切换到 lyra2019 分支：

git checkout lyra2019

安装项目依赖：

yarn install

启动本地服务器

启动本地开发服务器：

yarn start

Lyra 现在应该在 http://localhost:8080 上运行。当您更改 JavaScript 代码时，Web 服务器会自动重新加载。如果更新了 SCSS 样式表，则需要手动重新构建：

npm run build

3. 应用案例和最佳实践

应用案例

Lyra 可以用于创建各种类型的可视化，包括但不限于：

• 数据仪表盘：用于展示关键业务指标的实时数据。
• 交互式报告：允许用户通过交互式图表深入分析数据。
• 教育工具：用于教学和学习数据可视化的基本原理。

最佳实践

• 数据预处理：在使用 Lyra 之前，确保数据已经过适当的预处理和清理。
• 设计一致性：保持可视化设计的一致性，以提高用户体验。
• 性能优化：对于大型数据集，考虑优化可视化的性能，避免过度渲染。

4. 典型生态项目

Lyra 作为 Vega 生态系统的一部分，与其他项目紧密集成，包括：

• Vega：一个用于声明式可视化的工具，支持复杂的交互和动画。
• Vega-Lite：Vega 的简化版本，提供更高层次的抽象，适合快速原型设计。
• Vega-Embed：用于在网页中嵌入 Vega 和 Vega-Lite 可视化的工具。

这些项目共同构成了一个强大的可视化工具链，适用于从简单到复杂的各种可视化需求。