- 综合排序
- 最热优先
- 最新优先
- 来自专栏四火的唠叨
JavaScript 3D 图表
在说 3D 图表以前，首先要明确两个概念，一个是数据的维度，一个是呈现数据载体的维度。对于数据的维度，一维的数据呈现，但是呈现的载体是二维的平面图，比如饼图： 已经能够很清晰地观察到数据的分布情况。 一种，在当前二维图表的基础上，通过颜色、图形、数值的不同等等，来表示第三个维度的数据。 另一种，就是绘制 3D 的图形，把第三个维度展示出来。需要注意的是，绘制 3D 的图形仅仅是技术上的一种呈现形式，并不意味着它的易懂性要好于上面一种方式。实际上，我们还是需要看看具体的问题是什么。 明确了这些概念以后，我再来介绍两则 JavaScript 的 3D 图表，它们都是为了呈现三维的数据，而不仅仅是看起来 3D 而已，大部分 JavaScript 的 3D 图表库都是基于 Canvas WebGL 是一种 3D 的绘图标准，有了它，JavaScript 就可以实现 OpenGL 标准能做的事情了，在 HTML5 Canvas 基础上，WebGL 允许硬件 3D 加速。
1.3K10编辑于 2022-07-15 - 来自专栏HT
基于HTML5 Canvas的3D动态Chart图表
发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的 看到有一个网站上在卖的图表，感觉挺好看的，就用 HT for Web 3D 做了一个小例子，挺简单的，也挺好看的，哈哈~ Demo 地址： http://www.hightopo.com/demo/WireframeAnim g3d.getView().style.background = '#000'; 接着就是造这五个chart图表条了，我的思路是这样的，里层有一个节点，外层一个透明的节点，底部一个 3d 的文字显示当前的百分比 5]); 5 text.p3(cNode.p3()[0]-5, -10, 0); 6 dm.add(text); 7 text.s({ 8 'shape3d 最后，要动态的变化 chart 图表中的柱形图，我们得设置动画，并且将 3d 字体也同步更新数值： 1 setInterval(function(){ 2 if(node.a('myHeight
2.2K70发布于 2018-01-03 - 来自专栏网络收集
图表5 地图
5、图表5 地图1.地图图表的使用方式百度地图API : 使用百度地图的 api , 它能够在线联网展示地图, 百度地图需要申请 ak矢量地图 : 可以离线展示地图, 需要开发者准备矢量地图数据接下来的实现是通过矢量图的方式来实现的 $.get('json/map/china.json', function (chinaJson) { echarts.registerMap('chinaMap', chinaJson)})步骤5
76510编辑于 2022-06-16 - 来自专栏生信修炼手册
使用matplotlib绘制3D图表
除了绘制经典的二维图表外，matplotlib还支持绘制三维图表，通过mplot3d工具可以实现，只需要在axes对象中指定projection参数为3d即可，常见的折线图，散点图，柱状图，等高线图等都可以进行三维图表的绘制 10, 20], ['^', 5, 30]): ... 热图 示例如下 >>> fig = plt.figure() >>> ax = plt.axes(projection='3d') >>> X = np.arange(-5, 5, 0.25) >>> Y = np.arange(-5, 5, 0.25) >>> X, Y = np.meshgrid(X, Y) >>> R = np.sqrt(X ** 2 + Y ** 2) >>> Z = np.sin 除了以上基本类型外，matplotlib还支持更多的3D图表类型，具体用法请查看官方文档。 ·end·
1.6K10发布于 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.4K40发布于 2019-08-23 - 来自专栏腾讯云可观测专栏
5秒查看监控图表和告警
还支持您在查看图表时单击 “排名前五指标” 按钮进行指标排序，快速查看云资源高低负载。 ? 精选指标 精选指标设计的初衷是让用户把关注的重要图表加入其中，简单点可以理解成是“经常需要被关注的图表”，在查看图表详情时，您可以点击图表详情，将关键图表加入精选。 云监控的移动端体验还在不断的快速更新中，操作简单，打开小程序，即可关注重要图表，查看告警。在没有电脑的日子里，也能方便运维。欢迎各位云监控用户扫码体验。 欢迎联系云监控小助手微信号，加群讨论：） ?
1.5K10发布于 2021-01-18 - 来自专栏DrugOne
基于3D几何的预训练分子图表示
编译| 沈祥振 审稿| 郭梦月 本文介绍了唐建课题组的Shengchao Liu等人基于3d几何研究的成果：鉴于现实世界场景中 3D 信息的缺乏极大地阻碍了对分子几何图表示的学习，本文提出了一种图预训练框架 如图1，它本质上是从采样的 2D 分子图表示 () 中重建 3D 构象异构体 (y)。 上述过程称为变分分子重建，在具体实现上，实际采用了一种类似于 VAE 的轻量级生成 SSL。 表2 M的消融研究(C设置为5) 表3 C的消融研究(M设置为0.15) 目标函数的影响 在这里作者部署消融研究来探索四个目标函数的影响，首先是它们的独立影响，然后是成对组合的影响。 表5 四个分子特性预测任务和两个 DTA 任务的结果 如表 5 所示，一致的性能增益验证了GraphMVP 的有效性。 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做比较。 5.总结 Canvas和SVG两者的适用场景不同，开发者在使用是应根据具体的项目需求来选择相应的渲染方式。 最后附上一个SVG编译器帮大家更好的理解和使用SVG <! font-size: 16px; height: 24px; line-height: 24px; padding: 5px right: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,.4); border-radius: 5px
4.3K30发布于 2019-09-16 - 来自专栏数据 学术 商业 新闻
Python-matplotlib 商业图表-第5弹
本期还是继续前面的Python-matplotlib 商业图表绘制系列的第5篇教程推文，目的还是为了熟悉matplotlib的绘图语法。 看过我之前教程的小伙伴会发现，我是经常使用此方法进行图表设计。 ax.fill_between()绘制填充。 ax.text()文本添加。 其他图刻度、坐标轴、字体等图层属性均涉及到。 ? mpl_toolkits.axes_grid1.inset_locator import inset_axes #读取数据 data = pd.read_excel(r"F:\DataCharm\商业艺术图表仿制 ,lw=.5,alpha=.5) ax.tick_params(left=False,right=False,top=False,labelsize=10,colors='#4D7DA5',direction 关键代码部分都有详细的解释，关注公众号并后台回复"商业图表仿制05"即可获得本次的绘图数据。
46021发布于 2021-02-22 - 来自专栏智药邦
ICLR｜基于3D几何信息的分子图表示学习
分子图表示学习是现代药物和材料发现中的一个基本问题。分子图通常由其2D拓扑结构进行建模，但最近研究发现，3D几何信息在预测分子功能中起着更为重要的作用。 然而，真实场景中3D信息的缺乏严重阻碍了分子图对其几何图表示的学习。 这两个SSL任务所获得的知识是相辅相成的，因此本文的GraphMVP框架将它们整合在一起，形成了一个更具有鉴别力的2D分子图表示。 在 GraphMVP中，本文更倾向于 VAE 类方法，原因如下：(1)两个分子视图之间的映射是随机的：多个3D构象对应于相同的2D拓扑; (2)下游任务需要一个显式的2D图表示(即特征编码器); (3) 对于 GraphMVP，本文设置 M = 0.15和 C = 5。最佳和次佳结果分别标记为粗体和粗体。
1.4K10编辑于 2022-11-16 - 来自专栏编程
5个最好的开源Javascript图表库
在这篇文章中，我向大家介绍前5名最好的开源JavaScript图表库。每个站点的仪表板都是不完整的，因为他们缺少图表，所以为我们的站点找到正确的图表库是非常重要的。 官方网站：https：//d3js.org/ Google Charts Google Charts是一个开源的图表库，功能强大，使用起来非常简单。它有许多交互式图表来显示和渲染实时数据。 它有一个丰富的图表库，其中包括饼图，条形图，散点图，圆环图等选项。此外，还有各种自定义选项可用于图表。 通过使用它，我们可以生成混合图表，并且在现代浏览器中具有很好的渲染能力。Angular Chart建立在Chart.js库之上，对于Angular项目来说，实现Angular图表将非常容易。 它有丰富和响应图表可用。通过使用它，我们可以生成独立于DPI的SVG图表。它支持大多数现代浏览器和有良好的社区支持。
6.7K80发布于 2018-01-31 推荐5个在线图表工具
这些图表工具的共同特点是，浏览器打开就能用。 1. Sankeymatic，专业的桑基图工具，多用于财务分析。 Rawgraphs，支持导入数据，生成常见的图表类型 https://app.rawgraphs.io/ 4. 富婆图表，支持常见的图表类型 https://www.richcharts.com/ 5. wujunmin，提供零售业专用图表，使用说明十个零售业零门槛分析工具 https://junminwu.github.io
20210编辑于 2026-03-20- 来自专栏数据小魔方
动态图表5|列表框（offset函数）
今天要跟大家分享的是动态图表5——列表框（offset函数）。 制作思路与前一篇中使用index函数制作思路基本一致，先用列表框制作菜单，然后使用offset函数制作动态数据源，最后插入图表完成动态图表！ 然后就可以使用新的动态数据源插入你想要的图表了。 ? 你可以任意的修改图表的样式和自定义配色，整体格式化至满意的效果后，通过复制图表，并更改图表类型，来添加新的图表类型，形成一个整体配色协调的仪表盘！ ? 最后是动态演示效果： ?
1.5K50发布于 2018-04-10 - 来自专栏完美Excel
用于处理图表&图形的VBA代码大全5
数据标签 数据标签显示图表系列中数据点的附加信息（如值或系列名称）。 所有代码以srs开始，假设图表系列已被赋值给变量。 显示系列中所有点的数据标签 srs.HasDataLabels = True '隐藏系列中所有点的数据标签 srs.HasDataLabels = False 改变数据标签的位置： '定位数据标签 '标签位置必须是图表类型的有效选项 然而，它们也常用于高级图表技术中，以创建额外的视觉元素。 所有代码以srs开始，假设图表系列已被赋值给变量。 srs.ErrorBars.Format.Line.ForeColor.RGB = RGB(255, 0, 0) 误差线粗细： '修改误差线粗细 srs.ErrorBars.Format.Line.Weight = 5 $A$2:$A$7" 数据点 图表系列中的每个数据点都称为一个点。 引用指定点： 下面的代码引用第一个点，其中，1=第1个图表系列，2=第2个图表系列，依此类推。
1.1K10编辑于 2023-08-30 - 来自专栏NLP/KG
【5】数据可视化pygal，画出美观的图表
数据可视化pygal，画出美观的图表 这里有很多图表画图样式雷达图、金字塔图、特殊饼状图、柱状图、世界地图、箱图、等等 1.安装库 pip install pygal -i https://pypi.douban.com ('bar_chart.svg') 下面添加标题和坐标轴： 3.图表类型 pygal官网：http://www.pygal.org/en/stable/documentation/types/index.html #chart-types 里面有各种类型图表以及代码参考 提示库都是要导入的： import pygal from datetime import datetime # 你需要日期参数 from 1', [(1, -5), (1, 5)]) xy_chart.add('x = -1', [(-1, -5), (-1, 5)]) xy_chart.add('y = 1', [(-5, 1), (5, 1)]) xy_chart.add('y = -1', [(-5, -1), (5, -1)]) xy_chart.render() Scatter Plot xy_chart = pygal.XY
74310编辑于 2022-12-21 - 来自专栏数据指象
学会5个图表，让数据分析简洁高效
5，展示 订单销售额 和 订单优惠金额 的相关性。第三步，从信息中找到分析维度及度量的关系1，时间序列关系：月份和销售额2，内部构成关系：202408月公司整合的销售额 由 五个大区的销售额构成。 5，相关性关系：订单销售额 和 订单优惠金额的相关性。第四步，使用合适的图表展示维度及度量的关系1，使用折线图 表达月份和销售额时间序列关系，通过折线图很容易发现202408公司的销售达到了最低点。 5，使用散点图，可以清晰的度量：订单销售额 和 订单优惠金额 的相关性，可以直观的看出 二者存在显著的正相关性。总结：由全局了解到逐步带着假设细分数据，用合适的图表验证和表达重要信息。 图表字体要比报告的字体大4倍，图表应该比普通的表格简洁两倍。信息完全可以用文字来单独表达就不要滥用图表。 曲高和寡，使用图表的一条黄金定律是：“越简单越好”用主要信息（西部地区利润占总公司销售额近半）成为图表的标题，而不图表形式的描述（年龄分布图）。
45500编辑于 2024-09-27 - 来自专栏数据 学术 商业 新闻
超赞的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-plotly包[5] R语言3D图表包样例 这一小节，小编主要列举出各个包的3D可视化示例，大家可根据自己喜好进行学习哈~ R-plot3D包 样例一：3D散点图 data(iris) x < Surface 更多3D图表样例，可参考：R-plotly包更多样例[8] 总结 今天小编给大家汇总了R语言中所有绘制3D图表优秀包，希望小伙伴们可根据自己实际需求选择合理的工具进行图表绘制。
2.6K20编辑于 2022-05-24 - 来自专栏3d图表
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击
有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击在数据可视化大屏中，“水球图”（Liquid Fill Chart）绝对是展示百分比数据（如CPU使用率、完成度、剩余电量）的颜值担当 今天我们来聊聊一个有趣的话题：如何用 RayChart 手搓一个真实的 3D 水球，并对比它与 ECharts 水球的区别。 环境光遮蔽 交互 鼠标悬浮高亮 360度旋转、缩放、甚至可以晃动液体 性能开销⭐ (极低) ⭐⭐⭐ (中高，依赖 GPU) 适用场景普通报表、H5 如果你在做酷炫的数据大屏，想要那种“看起来很贵”的效果，RayChart 的 3D 水球绝对值得一试。 RayChart 项目正在探索更多这样的 3D 图表组件，希望能把 WebGL 的门槛降下来，让大家都能轻松用上“电影级”的图表。***觉得有趣的话，欢迎点赞收藏！
55100编辑于 2026-01-13 - 来自专栏PPV课数据科学社区
【译文】可视化图表看这5个地方就够了③
如果你看到一个有趣的可视化图表，想快速的把它看懂，那么你只需关注这五个地方就可以了:1）标题;2）轴和刻度尺;3）图例；4）数据来源；5）数据本身。 并不是所有的可视化图表都具备有这5个要素，这也是允许的，因为有些可能不需要刻度尺(例如一个世界地图就没有刻度尺），有时候有些要素并不明显,你可能需要点击一个图标才能显示出来。 但可以肯定的是，如果没有这些要素,可视化图表就不容易被理解。 1、标题 2、轴和刻度尺 3、图例 4、数据来源 5、数据本身 翻译：hyde PPV课原创翻译 转载请注明出处
62380发布于 2018-04-23 - 来自专栏编程进阶实战
5款.NET开源、免费、功能强大的图表库
LiveCharts2 LiveCharts2是一个.NET开源（MIT License）、简单、灵活、交互式且功能强大的.NET图表、地图和仪表，现在几乎可以在任何地方运行如：Maui、Uno Platform /mp.weixin.qq.com/s/1eaezZAJwN_JD0mErSeRBA XCharts 一款免费（基于MIT License协议）、开源、功能强大、简单易用、可配置的Unity数据可视化图表库 GitHub开源地址：https://github.com/XCharts-Team/XCharts 公众号文章详细介绍：https://mp.weixin.qq.com/s/DYbIqFsoZLHU5u9GiUmlZw 使用几行代码即可快速创建折线图、柱状图、饼图、散点图等不同类型的图表。 mp.weixin.qq.com/s/vVy1h4xrU4Vs1MuNGrDbhg Blazor-ApexCharts 一款基于ApexCharts.js封装的、C#开源免费（MIT License）的Blazor图表库
1.3K10编辑于 2024-05-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号