d3 - 标签 - 腾讯云开发者社区-腾讯云

腾讯云

开发者社区

文档建议反馈控制台

首页TVP

#d3

告别繁琐的D3代码：这款可控、可自定义的D3图表库，更轻量、更简单！

程序员老鱼

西安猿创部落科技有限公司 · 工程师 (已认证)

6天前2024-05-17 17:44:20

大家注意：因为微信最近又改了推送机制，经常有小伙伴说错过了之前被删的文章，或者一些限时福利，错过了就是错过了。所以建议大家加个星标，就能第一时间收到推送。

8210

NASA数据集——VIIRS每日 L3深蓝气溶胶网格产品（AERDB_D3_VIIRS_SNPP），以 1 x 1 度

此星光明 19天前2024-05-04 08:51:28

VIIRS/SNPP Deep Blue Level 3 monthly aerosol data, 1 degree x1 degree grid

5210

NASA数据集——AERDB_D3_VIIRS_SNPP - VIIRS/SNPP 深蓝 3 级每日气溶胶数据，1x1 度网格

此星光明 19天前2024-05-04 08:50:20

VIIRS/SNPP Deep Blue Level 3 daily aerosol data, 1 degree x 1 degree grid

5010

Python学习记录09-查找两个字典的相同点

huolong 2023-10-102023-10-10 08:12:29

14010

【实战】基于 Vue，使用 D3.js 画一个疫情趋势折线图

前端修罗场 2023-10-072023-10-07 19:39:23

在上面的代码中，我们从 D3 库中导入了 d3 并定义了图表的宽度和高度。然后，我们使用 d3.select() 方法选择了我们之前定义的 SVG 元素，并将...

37320

【D3.js - v5.x】（7）绘制地图 | Geo布局 | 完整代码

前端修罗场 2023-10-072023-10-07 19:05:39

为了根据地图的地理数据生成 SVG 中 path 元素的路径值，需要用到d3.geoPath([projection[, context])，称它为地理路径生成...

43320

【D3.js - v5.x】（6）绘制树状图 | 层级布局 | 附完整代码

前端修罗场 2023-10-072023-10-07 19:03:49

根据指定的层次结构数据构造一个根节点。指定的数据 data 必须为一个表示根节点的对象。比如:

73630

【D3.js - v5.x】（5）绘制力导向图 | 附完整代码

前端修罗场 2023-10-072023-10-07 19:01:50

在二维或三维空间里配置节点，节点之间用线连接，称为连线。各连线的长度几乎相等，且尽可能不相交。

44710

【D3.js - v5.x】（4）绘制饼图 | 附完整代码

前端修罗场 2023-10-072023-10-07 19:01:17

https://www.d3js.org.cn/document/d3-shape/#pies

23210

【D3.js - v5.x】（3）Update & Enter & Exit | 交互 | 布局

前端修罗场 2023-10-072023-10-07 19:00:19

当某个事件被监听到时，D3 会把当前的事件存到 d3.event 对象，里面保存了当前事件的各种参数，请大家好好参详。

19510

【D3.js - v5.x】（2）绘图 | 比例尺 | 坐标轴 | 柱状图 | 过渡

前端修罗场 2023-10-072023-10-07 18:59:39

其中，d3.scale.linear() 返回一个线性比例尺。domain() 和 range() 分别设定比例尺的定义域和值域。在这里还用到了两个函数，它们经...

48320

【D3.js - v5.x】（1）选择集 | 绑定数据 | 插入元素 | 删除元素

前端修罗场 2023-10-072023-10-07 18:59:03

使用 d3.select() 或 d3.selectAll() 选择元素后返回的对象，就是选择集。

18210

【D3使用教程】(6) 交互操作之事件监听

前端修罗场 2023-10-072023-10-07 17:15:02

在之前的文章中写到，为了让图表具有交互能力，我们必须针对一些事件来编写代码，以便监听某些DOM元素发生的这些事件。

25210

【D3使用教程】(5) 动态更新与过渡动画

前端修罗场 2023-10-072023-10-07 17:14:35

数据总是在变化的，那么我们要如何将变化的数据反映到图表上呢？在D3中，这些变化通过更新进行处理。而过渡通过使用动画用于处理视觉上的展示。

26110

【D3使用教程】(4) 添加数轴

前端修罗场 2023-10-072023-10-07 17:13:07

D3的数轴实际商是由程序员自己来定义参数的函数。调用数轴函数，会生成数轴相关的可见元素，包括轴线、标签和刻度。

21210

【D3使用教程】(3) 添加比例尺

前端修罗场 2023-10-072023-10-07 17:12:45

一般而言，任意数据集中的值不可能刚好与图表中的像素尺度一一对应。而D3中，比例尺要做的就是将数据值映射为可视图形中的可替代值得手段。

22210

【D3使用教程】(2) 绘制柱状图与散点图

前端修罗场 2023-10-072023-10-07 17:12:23

这里，通过attr()给每个div添加bar类。使用style()修改每个div的高度。

27420

【D3使用教程】(1) 开始 | 加载数据

前端修罗场 2023-10-072023-10-07 17:11:59

在可视化编程的语境下，数据保存在数字化文件中，一般是文本格式或二进制格式。当然，并不是只有文本内容才算数据，那些表示图像、音频、视频、数据库、流、模型、文档等一...

23930

1902.马拉松(数学思维)

浪漫主义狗 2023-09-042023-09-04 14:11:59

由于该路线设置在市中心，街道呈网格状交错，因此两个检查站点 (x1,y1) 与 (x2,y2) 之间的距离应该为 |x1?x2|+|y1?y2|。

11820

【五线谱】高低八度标记 ( 高八度标记 | 标记范围的音符整体提升一个八度 | 低八度标记 | 标记范围的音符整体降低一个八度 )

韩曙亮 2023-03-302023-03-30 11:31:57

在五线谱中 , 如果遇到节奏的音高很高 , 则需要在五线谱上加很多上加线 , 这种情况 , 也可以使用高低八度标记进行处理 ;

53520

#d3

告别繁琐的D3代码：这款可控、可自定义的D3图表库，更轻量、更简单！

NASA数据集——VIIRS每日 L3深蓝气溶胶网格产品（AERDB_D3_VIIRS_SNPP），以 1 x 1 度

NASA数据集——AERDB_D3_VIIRS_SNPP - VIIRS/SNPP 深蓝 3 级每日气溶胶数据，1x1 度网格

Python学习记录09-查找两个字典的相同点

【实战】基于 Vue，使用 D3.js 画一个疫情趋势折线图

【D3.js - v5.x】（7）绘制地图 | Geo布局 | 完整代码

【D3.js - v5.x】（6）绘制树状图 | 层级布局 | 附完整代码

【D3.js - v5.x】（5）绘制力导向图 | 附完整代码

【D3.js - v5.x】（4）绘制饼图 | 附完整代码

【D3.js - v5.x】（3）Update & Enter & Exit | 交互 | 布局

【D3.js - v5.x】（2）绘图 | 比例尺 | 坐标轴 | 柱状图 | 过渡

【D3.js - v5.x】（1）选择集 | 绑定数据 | 插入元素 | 删除元素

【D3使用教程】(6) 交互操作之事件监听

【D3使用教程】(5) 动态更新与过渡动画

【D3使用教程】(4) 添加数轴

【D3使用教程】(3) 添加比例尺

【D3使用教程】(2) 绘制柱状图与散点图

【D3使用教程】(1) 开始 | 加载数据

1902.马拉松(数学思维)

【五线谱】高低八度标记 ( 高八度标记 | 标记范围的音符整体提升一个八度 | 低八度标记 | 标记范围的音符整体降低一个八度 )

热门专栏

完美Excel

Web 技术

单细胞天地

恩蓝脚本

全栈程序员必看

热门标签

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐