Cassie Evans 展示了一些非常巧妙的网页设计理念,并探索了使用 Clearleft 团队最近聘请的为其大楼屋顶安装太阳能板的公司提供的 API。Cassie 概述了她设计一个 使用 API 的网页 的旅程,该网页用于填充一些关于该大楼在安装太阳能板后使用的能源的轻量级数据可视化。
在这里,在 Clearleft,我们一直在采取小措施来减少我们的环境影响。在 2018 年 12 月,我们用太阳能板覆盖了我们家的屋顶。
随着第一缕灿烂的夏日阳光开始照耀在我们身上,我们开始思考它们在过去 5 个月里对环境的影响。
幸运的是,我们的太阳能板有一个 API,因此我们不仅可以找到这些信息,还可以从 SolarEdge 请求这些信息并在我们自己的界面中显示出来。
这篇文章是对使用 Fetch API 的一个很好的实际观察,也是 Zell Liew 详细写过的内容,涵盖了使用 JavaScript 与 API 交互的历史、处理错误以及在使用 API 时可能会发生的各种奇怪问题。
但是,同样有趣和有用的是阅读 Cassie 在为页面绘制线框图、研究如何使用 Fetch API 以及将动画集成到可爱的 SVG 插图时的思考过程。这是一种许多人可以体会到并从中学习的设计和开发练习。
哦,说到数据可视化,Dan Englishby 今天在 将数据导入图表的方法 上发布了一些内容。与实时 API 的合作也在其中涵盖,并且是 Cassie 文章的良好衔接。