- 综合排序
- 最热优先
- 最新优先
- 来自专栏四火的唠叨
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 - 来自专栏完美Excel
Excel图表技巧11：使用箭头方向键选择图表元素
有时候，我们需要对特定的图表元素进行操作，例如图表系列、数据标签、图例，等等。 在操作前，先要选择要操作的图表元素，通常，我们会直接使用鼠标单击或者使用鼠标点击两次，例如，对于图表系列来说，单击一次选中整个系列，再单击一次选取特定的点。 其实，我们也可以使用箭头方向键来选择图表元素。 例如下图1所示的图表，鼠标单击选择整个图表，单击向左箭头键一次选择绘图区域，再次单击向左箭头键选择图例，再次重复单击向左箭头键依次选择：单个图例、垂直坐标轴、水平坐标轴、图表标题、网格线、图表系列、单个图表系列点 图1 当然，也可以使用向右箭头键、向上箭头键、向下箭头键来回选择图表元素。 你可能会想，使用鼠标不是更方便吗，想要选择哪个图表元素，单击就行了，何必这么麻烦！那么，你看看下图2所示的图表。 ?
1.6K50发布于 2021-07-12 - 来自专栏计算机视觉
11种 Matplotlib 科研论文图表实现 ！！
使用 plt.xlim() 和 plt.ylim() 函数可以调整坐标轴的范围： plt.plot(x, np.sin(x)) plt.xlim(-1, 11) plt.ylim(-1.5, 1.5) , ha='center', **style) ax.text('2012-10-31', 4600, "Halloween", ha='right', **style) ax.text('2012-11 connectionstyle="angle3,angleA=0,angleB=-90")) ax.annotate('Thanksgiving', xy=('2012-11 FuncFormatter 使用自定义函数设置标签 FormatStrFormatter 使用一个格式化字符串设置标签 ScalarFormatter 默认的标量标签 LogFormatter 默认的对数标签 11 plt fig = plt.figure() ax = plt.axes(projection='3d') 三维 axes 激活后，我们可以在上面绘制不同的三维图表类型。
1.4K10编辑于 2024-03-19 - 来自专栏不仅仅是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 - 来自专栏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 #fff', 7 '3d.movable': false 8 }); 9 cNode.p3([p3[0], 50, p3[2]]); 10 cNode.s3(20, 100, 20); 11 最后，要动态的变化 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.2K30发布于 2019-09-16 - 来自专栏智药邦
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 - 来自专栏Albert陈凯
2018-11-06 图表设计-远不止“好看”这么简单图表设计-远不止“好看”这么简单
图表由哪些元素构成 ？ 一张标准样式的图表基本上是由下图1-1 中标示的几种元素组成，除此之外，还有一些特殊的图表（如：3D类，由背景墙、侧面墙、底座等图表元素），对于图表本身在此就不在冗述，设计人员都有基础知识，本文将尝试从图表设计动机的角度和大家一起探讨如何更好的进行图表设计 数据可视化设计不是单纯的图表样式设计，虽然了解图表也很重要，但是，仅仅将数据变成漂亮的图表只是形式的改变而已，远远不够的。 ≤4 位数时，用精确数字表示 case2：当数字 ＞5 位数时，用 K 为单位进行缩写表示，精确到个位 case3：当数字 ＞8 位数时，用 M 为单位进行缩写表示，精确到个位 case4：当数字 ＞11 所以，就要求在设计时应该增强和突出数据元素，减少和弱化非数据元素，具体应该注意以下原则： 1.删除 除非特殊场景的考虑，应尽可能的删除和数据非相关的元素: 背景色 渐变色 网格线 3D效果 阴影效果（如果具体操作需要强调的除外
66330发布于 2018-12-07 - 来自专栏章鱼的慢慢技术路
Direct3D 11 Tutorial 4: 3D Spaces_Direct3D 11 教程4：3D空间
在本教程中，我们将深入研究3D位置和转换的细节。 本教程的结果将是渲染到屏幕的3D对象。 虽然之前的教程侧重于将2D对象渲染到3D世界，但在这里我们展示了一个3D对象。 资源目录 (SDK root)\Samples\C++\Direct3D11\Tutorials\Tutorial04 Github仓库 3D空间 在上一个教程中，三角形的顶点被有策略地放置，以在屏幕上完美地对齐 除了矩阵之外，我们还需要一个代表常量缓冲区的ID3D11Buffer对象。 ; XMMATRIX g_Projection; 要创建ID3D11Buffer对象，我们使用 ID3D11Device :: CreateBuffer()并指定D3D11_BIND_CONSTANT_BUFFER D3D11_BUFFER_DESC bd; ZeroMemory( &bd, sizeof(bd) ); bd.Usage = D3D11_USAGE_DEFAULT;
1.5K30发布于 2018-10-11 - 来自专栏章鱼的慢慢技术路
Direct3D 11 Tutorial 5: 3D Transformation_Direct3D 11 教程5：3D转型
资源目录 (SDK root)\Samples\C++\Direct3D11\Tutorials\Tutorial05 Github 转型 在3D图形中，变换通常用于对顶点和矢量进行操作。 在3D中，用于翻译的矩阵具有形式。 在3D中，空间通常由原点和来自原点的三个唯一轴定义：X，Y和Z.计算机图形中通常使用多个空间：对象空间，世界空间，视图空间，投影空间和屏幕空间。 图2.在对象空间中定义的立方体 ? Direct3D 11中深度缓冲区的默认行为是检查屏幕上绘制的每个像素与屏幕空间像素的深度缓冲区中存储的值。 它还创建深度缓冲区的DepthStencilView，以便Direct3D 11知道将其用作深度模板纹理。
2.4K40发布于 2018-12-04 - 来自专栏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 网址：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)：用于展示复杂的三维函数或地形数据（目前
97220编辑于 2026-01-12 - 来自专栏完美Excel
不可思议的Excel图表11： 实现运动诱发失明(MIB)动画模型
学习Excel技术，关注微信公众号： excelperfect 这个炫酷的图表仍然来自excelhero.com。 正如之前提到过的，通过学习研究复杂的图表制作，无论是否能够完全明白，都会很好地提高我们的Excel绘图能力。 下面是一组旋转的蓝色十字架和3个黄点。现在，注意中心（观看闪烁的红色/绿色斑点）。 图11 为了简化所有这些的构建，坐标、转换到极坐标和构造旋转变换公式都是在Excel中完成的（参见示例文件中的工作表“2”）。 图12 使用VBA代码将这些系列添加到图表中。 中心点 中心点是图表中手动添加的系列： X值：=0 Y值：=0 将标记设置为红色，大小为12，线型设置为无。 动画 添加简单的命名公式“t”，更改t的值并更新图表来实现图表的动画。
1.4K30发布于 2019-07-19 - 来自专栏完美Excel
Excel图表学习45： 裁剪图表
如下图1所示，在使用柱形图制作图表时，如果有些柱形表示的数字很大，可以截断该柱形，使图表看起来更美观。 ? 图1 注意，将图表裁剪或者是将Y轴的图形截断会让人产生误解或者混淆，因此，请谨慎使用。 选取图表中新添加的标记系列，按Ctrl+V组合键粘贴刚才复制的形状。此时，图表如下： ? 图9 步骤5：格式化图表 将图表中的上下柱形设置为相同的颜色，调整柱形之间的间隙，删除垂直坐标轴，修改图表标题，等等。结果如下图10所示。 ? 图11 设置字体颜色为“白色”，删除图例，结果如下图12所示。 ? 图12 至此，图表制作完成！ 再次声明，除非迫不得已，不要滥用这样的图表，它会让数据展示“失真”。 我们这里只是用于学习Excel图表的制作技巧。
3.3K30发布于 2019-07-19 - 来自专栏数据小魔方
动态图表11|数值调节器（名称管理器+offset函数）
今天跟大家分享的是动态图表11——使用调节器控件制作动态图表！ 本案例会将之前10篇的动态图表综合运用，会用到index函数、offset函数、数值调节器、名称管理器等多种技巧！ 作为对之前所有动态图表技巧的巩固和综合运用！ 首先我们看下今天的案例原始数据，因为一直以来都是用这个数据做的横向引用（地区维度）的图表，今天我们使用纵向引用（月份维度）。 插入图表： 使用offset函数与index函数在单元格中生成动态数据插入图表比较简单，这里不再赘述，重点详述名称管理器中的动态区域引用的用法： 插入一个空白图表： 在选择数据——系列名称中输入：= 然后在坐标轴标签中输入A2：A6，然后动态图表就大功告成了！ 用鼠标点击调节器，此时随着动态名称中的数据源参数变动，传导给图表系列值也会随着月份切换，最终呈现在图表中的动态效果就是，月份数据的顺序切换！ ?
2.5K50发布于 2018-04-10 - 来自专栏数据小魔方
图表搬家
今天给大家聊一聊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.9K10编辑于 2024-12-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号