web
文章平均质量分 81
落痕的寒假
这个作者很懒,什么都没留下…
展开
-
[数据与分析可视化] D3入门教程3-d3中的数据操作
d3.js入门教程3-d3.js中的数据操作d3.js是一个用于绘图的JavaScript库。 它可以可视化展示任何类型的数据。 这篇文章介绍d3.js最常见的数据操作任务,包括排序、过滤、分组、嵌套等。数学操作d3.max和d3.min就是获取数据每一列的最大值和最小值的函数,示例代码如下 <!-- 加载d3 --> <script src="https://d3js.org/d3.v4.js"></script> <script&原创 2021-12-05 17:57:54 · 2165 阅读 · 0 评论 -
[数据与分析可视化] D3入门教程2-在d3中构建形状
d3.js入门教程2-在 d3.js中构建形状文章目录d3.js入门教程2-在 d3.js中构建形状形状的添加圆形的添加矩形的添加线段的添加文本的添加折线的添加区域的添加圆弧的添加参考d3.js是一个用于绘图的JavaScript 库。 它可以可视化展示任何类型的数据。 d3.js允许绘制形状,然后将各种形状构建一个图形。本文档描述了一些函数,可以更有效地从数据中绘制svg。形状的添加圆形的添加在svg中绘制圆形。需要三个参数:分别代表圆心x位置的cx、圆心y位置的cy和半径的r。基础调用函数如下原创 2021-11-28 15:28:15 · 1095 阅读 · 0 评论 -
[数据与分析可视化] D3入门教程1-d3基础知识
d3.js入门教程1-d3基础知识文章目录d3.js入门教程1-d3基础知识1 HTML介绍1.1 什么是HTML?1.2 自定义文档样式CSS1.3 构建svg图形2 d3绘图入门2.1 使用Javascript和d3.js修改元素2.2 Console.log()2.3 坐标系2.4 比例尺2.5 添加轴2.6 边距和偏移2.7 数据绑定3 参考d3.js是一个用于绘图的JavaScript 库。 它可以可视化展示任何类型的数据。 本文档展示了多个交互式示例,说明了d3.js的关键概念,从而生成了第原创 2021-11-21 12:56:20 · 2764 阅读 · 0 评论