- 综合排序
- 最热优先
- 最新优先
- 来自专栏四火的唠叨
JavaScript 3D 图表
在说 3D 图表以前，首先要明确两个概念，一个是数据的维度，一个是呈现数据载体的维度。对于数据的维度，一维的数据呈现，但是呈现的载体是二维的平面图，比如饼图： 已经能够很清晰地观察到数据的分布情况。 一种，在当前二维图表的基础上，通过颜色、图形、数值的不同等等，来表示第三个维度的数据。 另一种，就是绘制 3D 的图形，把第三个维度展示出来。需要注意的是，绘制 3D 的图形仅仅是技术上的一种呈现形式，并不意味着它的易懂性要好于上面一种方式。实际上，我们还是需要看看具体的问题是什么。 明确了这些概念以后，我再来介绍两则 JavaScript 的 3D 图表，它们都是为了呈现三维的数据，而不仅仅是看起来 3D 而已，大部分 JavaScript 的 3D 图表库都是基于 Canvas WebGL 是一种 3D 的绘图标准，有了它，JavaScript 就可以实现 OpenGL 标准能做的事情了，在 HTML5 Canvas 基础上，WebGL 允许硬件 3D 加速。
1.2K10编辑于 2022-07-15 - 来自专栏网络收集
图表4 饼图
4、图表4 饼图1.饼图的实现步骤步骤1 ECharts 最基本的代码结构<!
1K10编辑于 2022-06-16 - 来自专栏生信修炼手册
使用matplotlib绘制3D图表
除了绘制经典的二维图表外，matplotlib还支持绘制三维图表，通过mplot3d工具可以实现，只需要在axes对象中指定projection参数为3d即可，常见的折线图，散点图，柱状图，等高线图等都可以进行三维图表的绘制 numpy as np >>> import matplotlib.pyplot as plt >>> fig = plt.figure() >>> ax = plt.axes(projection='3d ') >>> theta = np.linspace(-4 * np.pi, 4 * np.pi, 100) >>> z = np.linspace(-2, 2, 100) >>> r = z ** 2 4. 除了以上基本类型外，matplotlib还支持更多的3D图表类型，具体用法请查看官方文档。 ·end·
1.4K10发布于 2020-09-23 - 来自专栏网络收集
图表4 饼图（2）
选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选 ‘single’ ， ‘multiple’ ，分别表示单选还是多选
67310编辑于 2022-06-16 - 来自专栏python数据分析实践
Matplotlib数据关系型图表（4）
二、层次关系型图表（2） 2.2 相关系数图 相关系数图是热力图的一种形式，只不过传入的数据是已经计算好的各变量的相关系数。 现有一组数据，记录了不同作物的产量，现要求将他们相关系数表示。 {"dim": 2, "name": "ws"}, {"dim": 3, "name": "pm2_5"}, {"dim": 4, title_opts=opts.TitleOpts(title="Parallel-基本示例")) ) c.render(r"C:\Users\Smile\Desktop\坐标系.html") 层次关系型图表介绍到此结束 ，由于一些图表（树形图、旭日图、矩形树状图等）在matplotlib中不能很好支持，就不再做介绍。
67510编辑于 2023-02-23 - 来自专栏菩提树下的杨过
pandas速成笔记(4)-数据图表
接上篇继续，做数据分析，各种数据图表是必不可少的，还是以下面这张表为例： 一、单列柱状图 假设要把9月份，A、B这2个分类的Amount提取出来画一个柱状图，可以这么做： import pandas /data/test_group.xlsx", index_col="Category") # 核心部分 df["2021-09"].plot.pie() # 图表美化 plt.title("Amount ]) df.set_index("Month", inplace=True) print(df) # 核心部分 df.plot(y=['Amount'], color="red") # 图表美化
81340编辑于 2022-04-27 - 来自专栏不仅仅是python
数据可视化-Matplotlib中的3D图表
背景介绍 今天我们演示绘制在极坐标中定义的曲面3D图。并使用matplotlib中内置的color map做展示。 ? 入门实例 先看视频演示效果： 代码块 ''' ================================= 3D表面与极坐标 ================================= 示例由Armin Moser提供. ''' #导入Axes3D注册3D投影 from mpl_toolkits.mplot3d import Axes3D import matplotlib.pyplot as plt import numpy as np #定义子图表，添加3D投影 fig = plt.figure() ax = fig.add_subplot(111, projection='3d'
1.3K40发布于 2019-08-23 - 来自专栏DrugOne
基于3D几何的预训练分子图表示
编译| 沈祥振 审稿| 郭梦月 本文介绍了唐建课题组的Shengchao Liu等人基于3d几何研究的成果：鉴于现实世界场景中 3D 信息的缺乏极大地阻碍了对分子几何图表示的学习，本文提出了一种图预训练框架 这两个 SSL 任务获得的知识是相辅相成的，因此GraphMVP 框架将它们整合在一起，形成更具判别力的 2D 分子图表示。作为通用的 SSL 预训练管道，GraphMVP 有两个阶段：预训练和微调。 如图1，它本质上是从采样的 2D 分子图表示 () 中重建 3D 构象异构体 (y)。 上述过程称为变分分子重建，在具体实现上，实际采用了一种类似于 VAE 的轻量级生成 SSL。 表4 目标函数的消融实验 更广泛的下游任务 在这里，作者测试了 4 个额外的回归属性预测任务和 2 个药物目标亲和力任务。 4总结 从领域的角度来看，GraphMVP是结合 3D 信息来增强 2D 图表示学习的首次尝试，并且能够通过考虑建模中的随机性来利用 3D 构象。
1.2K50编辑于 2022-04-19 - 来自专栏HT
基于HTML5 Canvas的3D动态Chart图表
发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的 看到有一个网站上在卖的图表，感觉挺好看的，就用 HT for Web 3D 做了一个小例子，挺简单的，也挺好看的，哈哈~ Demo 地址： http://www.hightopo.com/demo/WireframeAnim 这个例子用 HT 实现真的很容易，首先创建一个 HT 中最基础的 dm 数据模型，然后将数据模型添加进 g3d 3d 组件中，再设置 3d 中的视角并把 3d 组件添加进 body 元素中： 1 dm (); 5 g3d.getView().style.background = '#000'; 接着就是造这五个chart图表条了，我的思路是这样的，里层有一个节点，外层一个透明的节点，底部一个 3d 的文字显示当前的百分比 最后，要动态的变化 chart 图表中的柱形图，我们得设置动画，并且将 3d 字体也同步更新数值： 1 setInterval(function(){ 2 if(node.a('myHeight
2.2K70发布于 2018-01-03 - 来自专栏前端重点笔记
三种图表技术SVG、Canvas、WebGL 3D比较
3.什么是WebGL 3D？ 说白了就是基于Canvas的3D框架 主要用来做 3D 展示、动画、游戏。 因为前两项都是描述2D图形的，而WebGL是描述3d的，所以以下针对SVG和Canvas做比较。 4.两者的对比 ? 理解适用场景： 从以下这张微软开发社区公布的性能图中也可以看出，SVG在绘图面积较大，数据量较小的时候性能较好，渲染时间较短，而Canvas刚好相反。 ? bottom: 10px; right: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,.4) tx: +match[1], ty: +match[2], rotate: +match[3], scale: +match[4]
4.2K30发布于 2019-09-16 - 来自专栏智药邦
ICLR｜基于3D几何信息的分子图表示学习
分子图表示学习是现代药物和材料发现中的一个基本问题。分子图通常由其2D拓扑结构进行建模，但最近研究发现，3D几何信息在预测分子功能中起着更为重要的作用。 然而，真实场景中3D信息的缺乏严重阻碍了分子图对其几何图表示的学习。 之后，本文阐述了它们之间的差异，并通过实验验证了两者的结合可以使模型得到更好的效果；(3)提供了理论上的见解和案例研究来证明为什么增加3D几何信息是有益的；(4)在所有SSL方法中实现了SOTA的性能。 在 GraphMVP中，本文更倾向于 VAE 类方法，原因如下：(1)两个分子视图之间的映射是随机的：多个3D构象对应于相同的2D拓扑; (2)下游任务需要一个显式的2D图表示(即特征编码器); (3) 更广泛的下游任务 目前讨论的8个二分类下游任务已广泛应用于分子的图SSL研究，但还有更多任务3D构象也可以提供帮助。在这里，我们测试了4个额外的回归性质预测任务和2个药物-靶点亲和力任务。
1.3K10编辑于 2022-11-16 - 来自专栏完美Excel
用于处理图表&图形的VBA代码大全4
绘图区 绘图区是图表的主体，包含折线、条形、面积、气泡等。 所有的代码以cht开始，假设已经使用上面介绍的代码引用了图表。 图表系列是每个类别的单独线条、条形和区域。 所有代码以srs开始，假设图表系列已被赋值给变量。 $D$2:$D$6" 引用图表系列： 设置系列变量包括图表系列： 1=第一个图表系列 2=第二个图表系列 依此类推。 ("系列名称") 删除图表系列： '删除图表系列 srs.Delete 遍历每一图表系列： Dim srs As Series For Each srs In cht.SeriesCollection
1.4K60编辑于 2023-08-30 - 来自专栏数据小魔方
动态图表系列4|列表框（index函数）
今天跟大家分享动态图表系列3——列表框（index函数）！ 数据与之前的数据一致，核心技巧只有两点： 使用列表框制作动态数据源; 使用 动态数据源插入动态图表。 先在开发工具中插入一个列表框。 然后使用新的动态数据源插入你需要的图表，使用列表框控制就可以实现动态切换效果了。 根据自己的需要，你可以增加各种图表类型，只要在图表数据选择中引用动态数据源就OK了！ （可以通过复制图标然后更改图表类型，这样效率会比较高一点儿） 动态效果可以呈现更加震撼的效果！
1.1K70发布于 2018-04-10 - 来自专栏Angular&服务
关于做angular4引入echarts图表
feature: { saveAsImage: {} } }, grid: { left: '3%', right: '4% saveAsImage: { show: true } } }, grid: { left: '3%', right: '4% show: true } }, itemStyle: { normal: { color: '#f4e925 [merge] object null 您可以使用它来更新部分内容options，尤其是在需要更新图表数据时。 [autoResize] boolean true 当容器的宽度发生变化时，图表将自动调整大小。
3.5K40发布于 2018-08-20 - 来自专栏单细胞天地
手把手带你复现NC图表之Figure 4
of lung cancer 期刊：Nature Communications 日期：2023年1月31日 DOI: 10.1038/s41467-023-35832-6 复现图——Figure 4 is.na(gene_order[order(gene_order)]), ] dim(Heatmap_df) Figure 4E 热图显示DPT中外膜成纤维细胞进展为肌成纤维细胞时差异表达的基因。 这鉴定了两条轨迹上的四个模块，代表转分化的不同阶段：祖细胞、早期激活、原分化和分化 Figure 4F 损失曲线图显示了由对照和肿瘤样本或仅对照组织样本组成的数据集中每个共有DPT模块的表达谱。 )"<-(REACTOME$Coverage.pct)*100 REACTOME<-REACTOME[rev(rownames(REACTOME)),] col<-rep(c("#984EA3","#4DAF4A Figure 4 这些结果表明了两种成纤维细胞亚群(外膜和肺泡)都可以作为肌成纤维细胞的组织驻留祖细胞。
73310编辑于 2023-09-26 - 来自专栏云深之无迹
巴塞罗那自治大学.3D视觉课件.4
巴塞罗那自治大学，3D视觉课件.1 计算机视觉之三维重建篇.2(摄像机标定) 巴塞罗那自治大学.3D视觉课件.3
50620编辑于 2022-11-29 - 来自专栏杂谈
Unity教学 项目4 3D求生枪手
https://www.bilibili.com/video/BV16F7zzqEJF?spm_id_from=333.788.videopod.sections&vd_source=25b783f5f945c4507229e9dec657b5bb
23310编辑于 2025-12-18 - 来自专栏章鱼的慢慢技术路
Direct3D 11 Tutorial 4: 3D Spaces_Direct3D 11 教程4：3D空间
在本教程中，我们将深入研究3D位置和转换的细节。 本教程的结果将是渲染到屏幕的3D对象。 虽然之前的教程侧重于将2D对象渲染到3D世界，但在这里我们展示了一个3D对象。 因此，我们需要一个系统来表示3D空间中的对象和一个显示它们的系统。 在现实世界中，物体存在于3D空间中。 这意味着要将对象放置在世界中的特定位置，我们需要使用坐标系并定义与位置对应的三个坐标。 1.0f, 1.0f ), XMFLOAT4( 1.0f, 0.0f, 0.0f, 1.0f ) }, { XMFLOAT3( -1.0f, -1.0f, -1.0f ), XMFLOAT4 1,5,0, 3,4,7, 0,4,3, 1,6,5, 2,6,1, 2,7,6, 3,7,2, 6,4,5, 7,4,6, }; 如您所见，第一个三角形由点3,1和0定义。
1.5K30发布于 2018-10-11 - 来自专栏Devops专栏
4. Grafana使用mysql作为数据源，呈现图表
那么下面就使用Grafana来配置图表看看。 使用Grafana呈现table表格 如果有不清楚Grafana怎么安装的朋友，可以点击这里查看如何安装部署。 下一步就是配置图表的呈现了。 回到首页，点击表格（Dashboard） 创建Table表格 Table面板里面的内容是可以直接选择数据库，然后根据查询出来的SQL语句结果进行直接呈现的。 在面板创建新的图表 编辑曲线图Graph 从上这个图表的配置我一开始也没太理解清楚，配置过后，看着图表呈现就更加好的理解了。 根据图表的内容，我查询的分析如上图。 好了，基本上图表就到这里就可以了。将这个图表保存以及拖拉一下看看呈现。” 当然还可以呈现更加多的图表，这里就基本介绍到这里啦。
3.2K20编辑于 2022-01-14 - 来自专栏3d图表
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击在数据可视化大屏中，“水球图”（Liquid Fill Chart）绝对是展示百分比数据（如CPU使用率、完成度、剩余电量）的颜值担当 今天我们来聊聊一个有趣的话题：如何用 RayChart 手搓一个真实的 3D 水球，并对比它与 ECharts 水球的区别。 360度旋转、缩放、甚至可以晃动液体 性能开销⭐ (极低) ⭐⭐⭐ (中高，依赖 GPU) 适用场景普通报表、H5 页面、移动端 大屏可视化、数字孪生、高逼格演示4. 如果你在做酷炫的数据大屏，想要那种“看起来很贵”的效果，RayChart 的 3D 水球绝对值得一试。 RayChart 项目正在探索更多这样的 3D 图表组件，希望能把 WebGL 的门槛降下来，让大家都能轻松用上“电影级”的图表。***觉得有趣的话，欢迎点赞收藏！
36300编辑于 2026-01-13
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号