在对讲机，我们的核心原则之一是运行更少的软件，这涉及到使用标准技术。通过这样做，我们都可以成为相同工具的专家，从而提高我们构建新产品的速度并降低工程决策的成本。一个例子就是我们的管理应用程序，大数据和数据库，它是用余烬. 我们已经投资建立和记录了一个内部设计系统，它由可重用的Ember组件组成，这样任何对讲机产品工程师都可以在对讲机产品的一个不熟悉的部分略过标记，并在不需要学习新模式的情况下快速进行更改或添加。"任何想在产品中添加数据可视化的工程师都不需要成为新技术的专家"在构建丰富的数据可视化时，我们以前使用了D3，这是web上数据可视化的行业标准工具。然而，D3需要以不同的方式来考虑UI，以构建HTML、CSS和JavaScript中的Ember组件。因为D3不是我们的标准技术之一，而且它要求工程师以不同的方式考虑UI，因此D3可视化为我们代码库中的工程师在产品特性和数据可视化之间设置了某种障碍。产品工程师不应该都是D3专家。相反，当我们构建丰富的数据可视化时，例如在显示报表时，我们构建了一个由简单的Ember组件组成的可组合组件库，并且只在我们想要生成HTML和CSS不具备的形状时使用D3来绘制svg。因此，我们现在处于这样一个位置：任何想要在产品的一部分中添加数据可视化的工程师都不需要成为一个新技术（比如D3）的专家，也不必在开始之前学习新的最佳实践。构建组件体系结构在着手简化工程师如何在对讲机上构建数据可视化时，我们考虑了以下几点：构建数据可视化应该感觉就像在代码库的任何地方构建产品。产品性能不应受到影响，希望能有所改善。理想情况下，我们希望最终得到一个简单的、共享的组件架构——就像任何好的设计系统一样——这样我们的可视化可以保持行为和外观的一致性。让任何产品工程师更容易、更快地实现数据可视化，应该可以提高生产率并增加数据可视化的采用率。我们是怎么做到的？以前，我们使用的可视化是控制整个可视化的单个文件。我们将这些单个文件分解为多个组件，这些组件可以分为两个不同的类别：表示组件：一般用于任何可视化。数据组件：用于插入不同的数据类型，并连接到我们所有的通用表示组件。关键的是，这两种不同类型的组件彼此独立运行，这允许我们在任何上下文中一起使用整个组件系统。表示成分我们用普通的HTML和CSS，而不是SVG元素来构建我们的表示性组件，比如条形图、标签、绘图和网格线。这些简单的HTML组件允许我们从一组共享的核心可视化工具中轻松地共享和组合可视化。我们可以在任何需要的时候使用同一个简单的组件，并为它的外观和行为维护一个单一的真相来源。这些还允许我们从相同的、可重用的核心元素组成更复杂的可视化。

这是一个简单的组件。

这是一个由多个组件组成的。使用共享数据组件组合一旦我们定义了一组表示组件，我们就可以将它们与我们的数据组件组合在一起。我们将D3优秀的数据插值助手库组件化，并将构建可视化的这一部分从我们的表示组件中分离出来。这使我们能够保持表示组件的通用性，哪个云服务器，并通过组合数据组件和表示组件来实现任意数量的可视化。这意味着，大数据需要学习什么，对于水平条形图，就像我们过去在概览报告中显示对话评级一样，我们可以使用：–将数据映射到x坐标。将映射到x坐标的数据可视化。–表示数据的比例。

对于复杂的可视化图形，我们仍然需要使用SVG和D3，例如在折线图中。然而，我们在这里也保留了我们的可组合组件系统。我们没有用D3构建整个折线图，而是创建了一个只画线的组件——我们继续用组件库构建其他所有组件。这意味着，当我们想要创建一个新的迷你图时，我们可以通过只重新组合所需的组件，而不是通过在纯D3折线图中传递一个复杂的配置或创建分叉逻辑来简化现有的折线图。

为什么这对我们有用我们可以使用Ember组件完成以上所有操作，同时仍然呈现SVG元素。但是，我们选择使用纯HTML组件有两个原因：它允许我们利用其他产品团队使用的相同设计系统组件。它消除了深入理解SVG布局的需要，而是使用与产品其余部分相同的布局工具。这种方法并不适用于所有人。因为我们用转换来定位HTML元素，云服务器和普通服务器，而不是像D3那样在SVG中定位SVG元素，所以我们在浏览器中创建"层"。即使这些层被卸载到GPU上，很多层在低端设备上可能会占用更多内存，并存在性能问题。由于我们的产品优先考虑可读性和交互性，这意味着我们可以避免在一个可视化中有许多数据点，并且避免了有太多层的问题。由于我们不再局限于SVG元素的动画制作，大数据中心是什么，我们可以通过使用CSS转换和关键帧动画来抵消潜在的性能影响，特别是利用CSS 3D转换的功能，而不是使用D3的常规方法，即使用JavaScript逐帧动画SVG元素。这对在数据点之间平滑地设置可视化动画的能力有着巨大的积极影响。

将我们的流程从使用D3单独创建的可视化转变为由标准构建块组件组成的可视化——采用了所有对讲机工程师用于构建产品的相同网络技术——使得内部通信的所有工程师更容易访问构建可视化，提高了我们产品的质量，提高了我们的开发速度和迭代。我们已经做到了这一切，而没有坦克性能-事实上，我们已经改善了它。因为我们使用的是组件，所以我们可以自动得到改进和错误修复。使用组件的好处是多方面的，系统作为一个很小但很有说服力的例子，说明了"无需运行的软件"是一种持续不断的理念。