在这个由两部分组成的文章系列中,将学习如何结合使用可缩放矢量图形(SVG)和开源D3JavaScript库创建数据可视化。形状、颜色和布局可能对从业务角度理解海量数据具有很大帮助。本文将演示使用D3的和您自己的计算结果,通过在画布上排列图形组件来表示数据的各种方式。您将学习如何使用D3强大的图形计算在SVG画布上放置组件,以及如何将自己的图形操作与D3的布局相结合。我还将探讨如何使用JavaScript对象表示法(JSON)作为一种可用于可视化的数据格式。本文最后将展示如何使用布局组合在单个SVG画布上排列各种图形组件。本文中的概念和示例以第1部分中的概念和示例为基础,所以在继续阅读本文之前,