D3 入门 🚀

D3.js 是一个 JavaScript 库，用于基于数据操作文档。D3 可帮助您使用 HTML、SVG 和 CSS 使数据栩栩如生。D3 对 Web 标准的强调为您提供了现代浏览器的全部功能，而无需将自己与专有框架捆绑在一起，将强大的可视化组件和数据驱动的 DOM 操作方法相结合。

SVG

SVG，指可缩放矢量图形（Scalable Vector Graphics），是用于描述二维矢量图形的一种图形格式。除了 IE8 之前的版本外，绝大部分浏览器都支持 SVG。

接下来我们通过对 2、1、5 的大小进行简单可视化来说明 SVG 的使用方式。下图中从上到下的每一个长方形依次对应数字 2、1、5，他们的宽度代表数字的大小。

试一试点击下面的长方形。

下图是截至 2020 年 2 月 20 日 13 时，全国累计（含港澳台地区，除去湖北省）的确诊断人数进行简单的可视化的结果。用 D3 绘制了一个条形图 📊。

试一试鼠标移动到下面的长方形。