数据无处不在,但屏幕上的原始数字很少能讲述引人入胜的故事。为了揭示见解并有效传达,你需要使数据可见且可交互。
我们刚刚在 freeCodeCamp.org YouTube 频道发布了一门新课程。在这门课程中,讲师 Gregory Kirchoff 将指导你从头开始使用 Svelte 的强大功能和 D3 的灵活性构建美观的交互式数据可视化。
以下是涵盖的一些关键概念:
- 如何构建一个简单、基础的散点图以理解核心概念。
- 设置和管理用于可视化的 SVG 画布。
- 处理数据缩放,将数据值映射到屏幕上的像素坐标。
- 添加交互性,允许用户动态更新图表。
- 通过流畅的动画和过渡使图表生动起来。
- 使可视化响应式,以便在任何设备上看起来都很棒。
- 从外部源获取和解析真实世界的数据。
为了保持趣味性,你将使用有趣且独特的数据集,从猪赛跑联盟的结果开始,然后使用 Pokémon API 比较体重、身高和速度等统计数据。
立即在 freeCodeCamp.org YouTube 频道观看完整课程(1.5 小时观看)。