1.D3.js:
主要是通过 Script 标签的导入
(1)直接通过互联网链接,使用外部链接:
<script src="https://d3js.org/d3.v5.min.js" />
(2)通过本地服务器链接(推荐),即本地引入:
<script src="./d3.v5.min.js" />//src属性里写d3.js本地路径
2.SVG的简介:
(1)概念:
SVG,即可缩放矢量图形(Scalable Vector Graphics),是一种 XML 应用,可以以一种简洁、可移植的形式表示图形信息。目前,人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形,并且大多数矢量绘图软件都能导出 SVG 图形。
(2)SVG 主要可以概括为以下几点:
- SVG 指可伸缩矢量图形;
- SVG 用来定义网络的基于矢量的图形;
- SVG 使用 XML 格式定义图形;
- SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失;
- SVG 是万维网联盟的标准;
- SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体;
3.环境的搭建: