- 综合排序
- 最热优先
- 最新优先
- 来自专栏四火的唠叨
JavaScript 3D 图表
在说 3D 图表以前，首先要明确两个概念，一个是数据的维度，一个是呈现数据载体的维度。对于数据的维度，一维的数据呈现，但是呈现的载体是二维的平面图，比如饼图： 已经能够很清晰地观察到数据的分布情况。 一种，在当前二维图表的基础上，通过颜色、图形、数值的不同等等，来表示第三个维度的数据。 另一种，就是绘制 3D 的图形，把第三个维度展示出来。需要注意的是，绘制 3D 的图形仅仅是技术上的一种呈现形式，并不意味着它的易懂性要好于上面一种方式。实际上，我们还是需要看看具体的问题是什么。 明确了这些概念以后，我再来介绍两则 JavaScript 的 3D 图表，它们都是为了呈现三维的数据，而不仅仅是看起来 3D 而已，大部分 JavaScript 的 3D 图表库都是基于 Canvas WebGL 是一种 3D 的绘图标准，有了它，JavaScript 就可以实现 OpenGL 标准能做的事情了，在 HTML5 Canvas 基础上，WebGL 允许硬件 3D 加速。
1.2K10编辑于 2022-07-15 - 来自专栏生信修炼手册
使用matplotlib绘制3D图表
除了绘制经典的二维图表外，matplotlib还支持绘制三维图表，通过mplot3d工具可以实现，只需要在axes对象中指定projection参数为3d即可，常见的折线图，散点图，柱状图，等高线图等都可以进行三维图表的绘制 numpy as np >>> import matplotlib.pyplot as plt >>> fig = plt.figure() >>> ax = plt.axes(projection='3d > y = r * np.cos(theta) >>> ax.plot(x, y, z) [<mpl_toolkits.mplot3d.art3d.Line3D object at 0x095412C8> 散点图 示例如下 >>> fig = plt.figure() >>> ax = plt.axes(projection='3d') >>> for mark,start, end in (['o', 除了以上基本类型外，matplotlib还支持更多的3D图表类型，具体用法请查看官方文档。 ·end·
1.4K10发布于 2020-09-23 - 来自专栏不仅仅是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 信息的缺乏极大地阻碍了对分子几何图表示的学习，本文提出了一种图预训练框架 学习范式是在预训练期间将 3D 分子几何学知识注入 2D 分子图编码器，这样即使没有可用的 3D 信息，下游任务也可以从隐式 3D 几何学中受益。 这两个 SSL 任务获得的知识是相辅相成的，因此GraphMVP 框架将它们整合在一起，形成更具判别力的 2D 分子图表示。作为通用的 SSL 预训练管道，GraphMVP 有两个阶段：预训练和微调。 如图1，它本质上是从采样的 2D 分子图表示 () 中重建 3D 构象异构体 (y)。 上述过程称为变分分子重建，在具体实现上，实际采用了一种类似于 VAE 的轻量级生成 SSL。 4总结 从领域的角度来看，GraphMVP是结合 3D 信息来增强 2D 图表示学习的首次尝试，并且能够通过考虑建模中的随机性来利用 3D 构象。
1.2K50编辑于 2022-04-19 - 来自专栏数据小魔方
动态图表8|组合框（offset函数）
今天跟大家分享动态图表8——组合框（offset函数）！ 步骤： 使用组合框制作下拉菜单 使用offset函数制作动态数据源 利用动态数据源制作图表 1、组合框制作： 在开发工具中插入组合框，将数据源链接到A2：A6，将返回单元格链接到N1。 ? ? 3、利用动态数据源插入图表 ? 将图表格式化至满意的样式，然后可以通过复制图表，并更改图表类型来制作更多的图表！ ? 你可以通过列表框的菜单，随意切换数据，下面额动态图表都会随着动态数据的切换而同步更新！ ?
2.5K60发布于 2018-04-10 - 来自专栏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 true, 5 'shape3d.opacity': 0.2, 6 'label.color': '#fff', 7 '3d.movable': false 8 最后，要动态的变化 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做比较。 DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-<em>8</em>" />
4.2K30发布于 2019-09-16 - 来自专栏智药邦
ICLR｜基于3D几何信息的分子图表示学习
分子图表示学习是现代药物和材料发现中的一个基本问题。分子图通常由其2D拓扑结构进行建模，但最近研究发现，3D几何信息在预测分子功能中起着更为重要的作用。 然而，真实场景中3D信息的缺乏严重阻碍了分子图对其几何图表示的学习。 这两个SSL任务所获得的知识是相辅相成的，因此本文的GraphMVP框架将它们整合在一起，形成了一个更具有鉴别力的2D分子图表示。 在 GraphMVP中，本文更倾向于 VAE 类方法，原因如下：(1)两个分子视图之间的映射是随机的：多个3D构象对应于相同的2D拓扑; (2)下游任务需要一个显式的2D图表示(即特征编码器); (3) 更广泛的下游任务 目前讨论的8个二分类下游任务已广泛应用于分子的图SSL研究，但还有更多任务3D构象也可以提供帮助。在这里，我们测试了4个额外的回归性质预测任务和2个药物-靶点亲和力任务。
1.3K10编辑于 2022-11-16 - 来自专栏葡萄城控件技术团队
用于 Windows8 的 Wijmo Charts 图表控件
我打算试着把它放到Windows 8里，准确的说，我尝试利用Wijmo的Charts实现一个Windows 8下的Metro UI 应用程序。 图2：Default Project Template for Win8 App 当我打开project，这些都是VS自动加载的。 添加 Wijmo Charts 我需要使用Wijmo Charts图表控件，所以我需要添加必要的引用。主要是jQuery，jQuery UI, Raphael 和 Wijmo。 我们只需要在这个页面中价格div用于render Wijmo Charts图表控件。这将会被作为一个widget在初始化时加载。 一个漂亮的SVG Chart（矢量图表）就出现了。如果你跟我一样，也是个Web程序员，那么现在，你已经会创建Windows 8 app了。 ?
3.2K60发布于 2018-01-10 - 来自专栏黄金榜
阿榜的生信笔记8—GEO图表介绍
在火山图中，被差异表达的基因会呈现出显著的分布，并聚集在图表的左上角或右上角。图片四、主成分分析主成分分析（PCA）是一种数据降维技术，可以在不丢失太多信息的情况下对高维数据进行可视化和分析。
57600编辑于 2023-05-02 - 来自专栏3d图表
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击在数据可视化大屏中，“水球图”（Liquid Fill Chart）绝对是展示百分比数据（如CPU使用率、完成度、剩余电量）的颜值担当 今天我们来聊聊一个有趣的话题：如何用 RayChart 手搓一个真实的 3D 水球，并对比它与 ECharts 水球的区别。 进阶的 3D 做法：RayChart 硬核实现为了追求“透亮”、“像真水一样”的效果，我们必须引入 WebGL 和 PBR（基于物理的渲染）。 如果你在做酷炫的数据大屏，想要那种“看起来很贵”的效果，RayChart 的 3D 水球绝对值得一试。 RayChart 项目正在探索更多这样的 3D 图表组件，希望能把 WebGL 的门槛降下来，让大家都能轻松用上“电影级”的图表。***觉得有趣的话，欢迎点赞收藏！
36300编辑于 2026-01-13 - 来自专栏数据 学术 商业 新闻
超赞的3D可视化图表绘制工具大汇总~~
点击上方“DataCharm”，选择“星标”公众号 前几期的给大家推荐了关于3D图表的绘制，好多读者私信私信小编推荐一些R语言相关的3D绘图工具？ 本期推文内容如下： R语言3D图表绘制工具介绍 R语言3D图表包样例 R语言3D图表绘制工具介绍 和Python、MATLAB以及Julia相比，R语言中绘制3D图表的工具较少，且其绘制结果较前几者而言 但也有其独特的优点所在，下面，小编就列举几个R语言中用于绘制3D图表的第三方包，如下所示： R-plot3D包 R语言中绘制3D图表最常见的一个绘图工具，其可绘制3D散点图、3D线图、3D回归平面、3D Surface 更多3D图表样例，可参考：R-plotly包更多样例[8] 总结 今天小编给大家汇总了R语言中所有绘制3D图表优秀包，希望小伙伴们可根据自己实际需求选择合理的工具进行图表绘制。 [8] R-plotly包更多样例: https://plotly.com/r/3d-charts/。
2.4K20编辑于 2022-05-24 - 来自专栏hightopo
WebGL 3D on iOS8 正式版
今天iOS8终于正式发布了，升级了手头设备后对我来说最重要的就是测试WebGL的3D是否真的能跑苹果的系统了，跑了多个HT for Web的3D例子都非常流畅，比Android刚支持WebGL时好太多了 以下是跑HT for Web的3D网络空间拓扑图在iphone5上的截图和视频操作效果，自然不如PC上流畅，但iOS8第一步就能让WebGL达到这样的效果和性能我已经很知足了，感谢苹果！
36210发布于 2018-07-09 - 来自专栏3d图表
Vue 3 + Three.js 打造轻量级 3D 图表库 —— chart3
最近在数据可视化领域进行了一些探索，基于 Vue 3 和 Three.js 开发了一款轻量级的 3D 图表库 —— chart3。 图表。 已支持的功能特性：基础图表组件： 3D 柱状图 (Bar3D)：支持多系列、不同颜色的柱体渲染。 3D 饼图 (Pie3D)：支持扇区挤出高度、标签展示。 材质系统 (Material)：这是 3D 图表的灵魂。支持实时调节透明度、粗糙度 (Roughness)、金属度 (Metalness)，轻松实现玻璃、金属等质感。 待实现的任务 (Roadmap)为了让 chart3 真正成为生产可用的图表库，后续还有很多有趣的工作要做：高级图表开发： 3D 曲面图 (Surface 3D)：用于展示复杂的三维函数或地形数据（目前
97220编辑于 2026-01-12 - 来自专栏DevOps持续集成
KubeLinter：如何检查K8s清单文件和Helm图表
点击上方蓝字⭐️关注“DevOps云学堂”，接收最新技术实践 今天是「DevOps云学堂」与你共同进步的第 43天 实践环境升级基于K8s和ArgoCD 该开源工具可以分析Kubernetes YAML 文件和Helm 图表，以确保它们遵循最佳实践，重点关注生产就绪性和安全性。 KubeLinter是一款开源工具，可分析 Kubernetes YAML 文件和 Helm 图表，以确保它们遵循最佳实践，重点关注生产就绪性和安全性。 通过运行 KubeLinter，您可以获得有关Kubernetes配置文件和 Helm 图表的有价值的信息。它可以帮助团队在开发过程的早期检测并解决安全问题。 Error: found 3 lint errors 要在本地运行 Helm 图表的 KubeLinter，您需要提供包含该文件的目录的路径chart.yaml。
75330编辑于 2023-08-22 - 来自专栏完美Excel
Excel图表学习45： 裁剪图表
如下图1所示，在使用柱形图制作图表时，如果有些柱形表示的数字很大，可以截断该柱形，使图表看起来更美观。 ? 图1 注意，将图表裁剪或者是将Y轴的图形截断会让人产生误解或者混淆，因此，请谨慎使用。 图6 在该系列上单击右键，选择“更改系列图表类型”，在图7所示的“更改图表类型”对话框 中，将该系列更改为“带数据标记的折线图”。 ? 图7 将该系列的线条设置为“无线条”，结果如下图8所示。 图8 步骤4：使用裁剪符号替换标记系列 我们手工绘制一个裁剪符号。 图9 步骤5：格式化图表 将图表中的上下柱形设置为相同的颜色，调整柱形之间的间隙，删除垂直坐标轴，修改图表标题，等等。结果如下图10所示。 ? 图12 至此，图表制作完成！ 再次声明，除非迫不得已，不要滥用这样的图表，它会让数据展示“失真”。我们这里只是用于学习Excel图表的制作技巧。
3.3K30发布于 2019-07-19 - 来自专栏数据小魔方
图表搬家
今天给大家聊一聊Excel图表的输出！ 我们日常所做的图表，如果不是专门用做Excel报表的话，大部分还是要以图片的形式导出。 可能大家会觉得小魔方小题大做，不就是把图表从Excel转移到PPT中嘛，我也会呀。 其实有很多种相对比较科学的导出方式，下面就介绍给大家几种常见的图表导出方式： ▌如果是在同一工作薄的不同工作表之间移动图表的话，直接复制黏贴是没有问题的，也可以使用图表工具（点击图表才会显示）——设计— —移动图表，可以自定义移动位置。 随便找一个空白位置点击释放 放置的图表千万不要遮挡源区域，否则 遮挡部分会“乱入”到图表里 （照相机默认复制的图表对象是带黑色边框的可以自己取消掉） ?
2.8K80发布于 2018-04-10 - 来自专栏云计算linux
ExtJS图表
ExtJS组件完美整合，不仅可以在Panel中显示图表，还可以通过Store为图表提供数据。 ，否则无法显示图表。 xml version="1.0" encoding="UTF-8"? xml version="1.0" encoding="UTF-8"? xml version="1.0" encoding="UTF-8"?
1.9K10编辑于 2024-12-17 - 来自专栏深度学习和计算机视觉
动态多尺度图表达3D人体骨架运动，实现精准预测效果超SOTA
现有的基于3D人体骨架的运动预测方法往往不考虑身体不同部位之间的关联关系，或是仅考虑单一尺度的关节点关系。 动态多尺度图建模3D人体骨架 基于3D人体骨架的运动预测目的是基于观测的人体骨架运动序列生成未来的姿态，被广泛应用于众多领域如人机交互、自动驾驶和行人跟踪等。
1.5K70编辑于 2022-04-06 - 来自专栏图像处理与模式识别研究所
怎样插入图表？用图表功能可以插入不同的图表。
1、点击[插入] 2、点击[图表] 3、点击[折线图] 4、点击[确定]
1.9K20编辑于 2022-05-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号