- 综合排序
- 最热优先
- 最新优先
- 来自专栏四火的唠叨
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 散点图 示例如下 >>> fig = plt.figure() >>> ax = plt.axes(projection='3d') >>> for mark,start, end in (['o', 柱状图 示例如下 >>> fig = plt.figure() >>> ax = plt.axes(projection='3d') >>> yticks = [3, 2, 1] >>> for i in 除了以上基本类型外，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 - 来自专栏前端重点笔记
三种图表技术SVG、Canvas、WebGL 3D比较
3.什么是WebGL 3D？ 说白了就是基于Canvas的3D框架 主要用来做 3D 展示、动画、游戏。 因为前两项都是描述2D图形的，而WebGL是描述3d的，所以以下针对SVG和Canvas做比较。
4.2K30发布于 2019-09-16 - 来自专栏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 最后是 3d 文字，呈现 3d 文字需要一个 json 格式的 typeface 字体，然后通过 ht.Default.loadFontFace 来加载 json 格式的字体到内存中，详情请参考 HT 最后，要动态的变化 chart 图表中的柱形图，我们得设置动画，并且将 3d 字体也同步更新数值： 1 setInterval(function(){ 2 if(node.a('myHeight
2.1K70发布于 2018-01-03 - 来自专栏智药邦
ICLR｜基于3D几何信息的分子图表示学习
分子图表示学习是现代药物和材料发现中的一个基本问题。分子图通常由其2D拓扑结构进行建模，但最近研究发现，3D几何信息在预测分子功能中起着更为重要的作用。 然而，真实场景中3D信息的缺乏严重阻碍了分子图对其几何图表示的学习。 本文的学习范式是，在预先训练期间将3D分子结构的知识注入2D分子图编码器，使下游任务即使没有3D信息可用的情况下也可以受益于模型隐含的3D几何知识。 这两个SSL任务所获得的知识是相辅相成的，因此本文的GraphMVP框架将它们整合在一起，形成了一个更具有鉴别力的2D分子图表示。 在 GraphMVP中，本文更倾向于 VAE 类方法，原因如下：(1)两个分子视图之间的映射是随机的：多个3D构象对应于相同的2D拓扑; (2)下游任务需要一个显式的2D图表示(即特征编码器); (3)
1.3K10编辑于 2022-11-16 - 来自专栏3d图表
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击在数据可视化大屏中，“水球图”（Liquid Fill Chart）绝对是展示百分比数据（如CPU使用率、完成度、剩余电量）的颜值担当 今天我们来聊聊一个有趣的话题：如何用 RayChart 手搓一个真实的 3D 水球，并对比它与 ECharts 水球的区别。 进阶的 3D 做法：RayChart 硬核实现为了追求“透亮”、“像真水一样”的效果，我们必须引入 WebGL 和 PBR（基于物理的渲染）。 如果你在做酷炫的数据大屏，想要那种“看起来很贵”的效果，RayChart 的 3D 水球绝对值得一试。 RayChart 项目正在探索更多这样的 3D 图表组件，希望能把 WebGL 的门槛降下来，让大家都能轻松用上“电影级”的图表。***觉得有趣的话，欢迎点赞收藏！
29600编辑于 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 网址：R-plot3D[1] R-wzRfun包 R-wzRfun包中panel.3d.contour()函数，用于绘制3D拟合曲线，也是较为常用的一种3D图表类型。 Surface 更多3D图表样例，可参考：R-plotly包更多样例[8] 总结 今天小编给大家汇总了R语言中所有绘制3D图表优秀包，希望小伙伴们可根据自己实际需求选择合理的工具进行图表绘制。
2.4K20编辑于 2022-05-24 - 来自专栏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)：用于展示复杂的三维函数或地形数据（目前
72620编辑于 2026-01-12 - 来自专栏完美Excel
Excel图表学习45： 裁剪图表
如下图1所示，在使用柱形图制作图表时，如果有些柱形表示的数字很大，可以截断该柱形，使图表看起来更美观。 ? 图1 注意，将图表裁剪或者是将Y轴的图形截断会让人产生误解或者混淆，因此，请谨慎使用。 图6 在该系列上单击右键，选择“更改系列图表类型”，在图7所示的“更改图表类型”对话框 中，将该系列更改为“带数据标记的折线图”。 ? 图7 将该系列的线条设置为“无线条”，结果如下图8所示。 选取图表中新添加的标记系列，按Ctrl+V组合键粘贴刚才复制的形状。此时，图表如下： ? 图9 步骤5：格式化图表 将图表中的上下柱形设置为相同的颜色，调整柱形之间的间隙，删除垂直坐标轴，修改图表标题，等等。结果如下图10所示。 ? 图12 至此，图表制作完成！ 再次声明，除非迫不得已，不要滥用这样的图表，它会让数据展示“失真”。我们这里只是用于学习Excel图表的制作技巧。
3.3K30发布于 2019-07-19 - 来自专栏数据小魔方
图表搬家
今天给大家聊一聊Excel图表的输出！ 我们日常所做的图表，如果不是专门用做Excel报表的话，大部分还是要以图片的形式导出。 可能大家会觉得小魔方小题大做，不就是把图表从Excel转移到PPT中嘛，我也会呀。 其实有很多种相对比较科学的导出方式，下面就介绍给大家几种常见的图表导出方式： ▌如果是在同一工作薄的不同工作表之间移动图表的话，直接复制黏贴是没有问题的，也可以使用图表工具（点击图表才会显示）——设计— —移动图表，可以自定义移动位置。 随便找一个空白位置点击释放 放置的图表千万不要遮挡源区域，否则 遮挡部分会“乱入”到图表里 （照相机默认复制的图表对象是带黑色边框的可以自己取消掉） ?
2.8K80发布于 2018-04-10 - 来自专栏云计算linux
ExtJS图表
1.1 学习技能点 本次在线学习将学习以下知识技能： Ø 柱状图 Ø 饼状图 Ø 折线图 1.2 学习任务 ExtJS3使用的Flash Chart来源于YUI，其中包括柱状图、饼状图等多种图表，这些图表可以与 ExtJS组件完美整合，不仅可以在Panel中显示图表，还可以通过Store为图表提供数据。 1.2.1 任务1：使用柱状图统计每月的访问人数 需求说明 首先定义一个JsonStroe为我们要实现的图表提供数据，代码如下： var store = new Ext.data.JsonStore ，否则无法显示图表。 2.1.1 阶段核心技能目标 本课程要掌握如下技能和知识： Ø 掌握XML文档和解析 Ø 熟练应用ExtJS常用组件 Ø 熟练应用ExtJS常用布局 Ø 掌握ExtJS工具栏和菜单 Ø 掌握ExtJS图表
1.6K10编辑于 2024-12-17 - 来自专栏深度学习和计算机视觉
动态多尺度图表达3D人体骨架运动，实现精准预测效果超SOTA
现有的基于3D人体骨架的运动预测方法往往不考虑身体不同部位之间的关联关系，或是仅考虑单一尺度的关节点关系。 动态多尺度图建模3D人体骨架 基于3D人体骨架的运动预测目的是基于观测的人体骨架运动序列生成未来的姿态，被广泛应用于众多领域如人机交互、自动驾驶和行人跟踪等。
1.5K70编辑于 2022-04-06 - 来自专栏图像处理与模式识别研究所
怎样插入图表？用图表功能可以插入不同的图表。
1、点击[插入] 2、点击[图表] 3、点击[折线图] 4、点击[确定]
1.9K20编辑于 2022-05-28 - 来自专栏完美Excel
Excel图表技巧10：快速调整图表数据
我们今天介绍的技巧是通过鼠标可以快速调整图表数据，而图表自身也会作出相应的调整。 如下图1所示，根据示例数据，创建了一个柱状图。 ? 图1 此时，如果我们要将数据换成B部门，很简单！ 首先，选择图表，此时相应的图表数据也会自动选择，如上图1所示。 接着，将鼠标移至A部门所在的数据列，当光标变成十字方向箭头时，拖动使得红色和蓝色选择区域至B部门，图表也相应更新，如下图2所示。 ? 图3 你可以使用这种技巧快速制作4个部门的图表。 首先，将当前图表复制3份并排列整齐，如下图4所示。 ? 图4 然后，选择右上角的图表，按照上文所述的方法将数据拖到B部门，结果如下图5所示。 ? 图5 同理，更改下面两个图表的数据，结果如下图6所示。 ? 图6 小结：在绘制图表时，拖动鼠标对数据或图表元素进行调整是一种常用操作。
3.3K30发布于 2021-07-12 - 来自专栏完美Excel
Excel图表技巧03：另类组合图表
通常，我们指的组合图表是在一个图表中放置不同类型的图表，例如常见的柱形图/折线图组合，如下图1所示，是由一个柱形系列和一个折线系列组成的。 ? 然而，我们也可以将几个图表叠加起来，模拟组合图表。 实际上，这是由两个单独的图表叠加在一起组成的。 ? 柱形图在标题和图形之间留出足够的空白空间，将圆环图放置在该处，如下图3所示。 ? 在准备好两个图表后，将另一个图表拖至该图表的空白处，并设置其置于“置于顶层”。至此，两个图表的组合就做好了。 有时候，这种方法很有用，可以避免图表系列之间的相互影响，可以解决一些不能放在同一图表中的图表类型的问题，调整格式和布局可能会更方便。 欢迎在下面留言，完善本文内容，让更多的人学到更完美的知识。
1.6K30发布于 2021-01-06 - 来自专栏数据小魔方
Excel最强图表插件EasyShu: 类别型图表
历时365天，【Excel催化剂】与【EasyShu】联手升级的Excel图表插件EasyCharts 2.0版本-EasyShu，即将面世。 我们先从与表格完美融合的类别型图表开始讲解。 类别型图表，主要是指类别型数据+数值型数据两个维度的图表，我们一般使用条形图、横棒棒图等表示，X轴表示数值型数据，Y轴表示类别型数据。 将类别型图表完美地嵌入表格中，能更加清晰明了地表示数据信息，尤其在咨询行业。废话少说，直接上插件一键操作的图表绘制视频。 EasyCharts可以算是国内最先关注数据可视化的Excel图表插件。现EasyCharts插件现在是1.0版本。EasyCharts1.0的升级版本2.0-EasyShu大大升级了原图表功能。 其界面如下，具体功能以后会一一介绍，包括多图绘制神器、图表高清导出等。这次类别型图表主要使用【经典图表】和【位置标定】两个功能。
3.6K20发布于 2020-03-30 - 来自专栏完美Excel
Excel图表技巧12：为图表精确配色
有时候，我们想要在自己的图表中使用与参照图表完全一样的颜色，但参照图表是以图片形式保存的，这就需要我们得到其准确的RGB值。然而，Excel的主要功能集中于数据处理，其检测对象颜色的能力有所欠缺。 选择图表图片并复制。 2. 打开PowerPoint。 3. 粘贴图表，或者直接插入图表图片。 4. 在幻灯片中插入任意大小的任意形状，如下图1所示。 ? 单击图表图片右侧条形图中上方红色的条形，如下图3所示。 ? 图3 7. 选择形状，单击“绘图工具”选项卡“形状样式”组中的“形状轮廓—取色器”。 8. 单击图表图片右侧条形图中下方深色的条形，如下图4所示。 ? 图4 此时，形状的结果如下图5所示。 ? 图5 现在，我们已经确定了形状的颜色，我们可以检查形状的设置以查看填充和边框颜色的颜色代码。 图7 上述步骤完成后，我们就可以将这些颜色应用到自己的图表中了。如下图8所示的图表，我们需要将两个柱形系列分别应用上面的两种颜色。 ?
3.3K40发布于 2021-07-12 - 来自专栏完美Excel
Excel图表技巧14：创建专业图表——基础
因此，选择图表中的标题，然后按Delete键将其删除。 然后，单击并拖动图表的一角，将其缩小到工作表中大约三列的宽度，此时的图表如下图3所示： ? 图5 此时的图表看起来如下图6所示。 ? 图6 现在，需要为图表上方的标题、说明和数量单位文本留出空间。因此，单击并将图表向右拖动，暂时将图表放置在一边。 图8 现在，按Ctrl+x剪切图表，选择包含度量单位文本的单元格D4，按Ctrl+v将图表粘贴到该单元格。执行此操作后，图表如下图9所示。 ? 图9 调整图表位置，使向下箭头正好在垂直坐标轴数字上方。 并适当调整图表大小。 此外，最后的单元格通常包含创建图表的人的联系信息，让人们知道去哪里询问有关图表或其内容的问题。因此，在图表正下方的单元格中输入相关内容并格式化。然后，设置图表坐标轴标签为加粗。 现在的图表应该如下图10所示。 ? 图10 要使图表更宽，可以在工作表中加宽一列或在图表区域中插入一列；要使图表更高或更短，可以在图表区域内添加或删除工作表行。 至此，图表制作完成，是不是很简单！
4.2K30发布于 2021-07-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号