首页 > 其他分享 >前端大数据可视化02-数据可视化前端技术选型

前端大数据可视化02-数据可视化前端技术选型

时间:2022-11-25 15:23:47浏览次数:43  
标签:02 前端 图表 可视化 绘图 数据 WebGL 3D

数据可视化解决方案

前端数据可视化解决方案如下:

底层引擎

Skia

Skia 是 Chrome 和 Android 的底层 2D 绘图引擎,具体可参考百度百科,Skia 采用 C++ 编程,由于它位于浏览器的更底层,所以我们平常接触较少

对底层绘图感兴趣的同学可以从这个案例入手,了解一下 C++ 的可视化编程。

OpenGL

OpenGL(Open Graphics Library)是2D、3D图形渲染库,它可以绘制从简单的2D图形到复杂的3D景象。OpenGL 常用于 CAD、VR、数据可视化和游戏等众多领域。

Chrome

Chrome 使用 Skia 作为绘图引擎,向上层开放了 canvas、svg、WebGL、HTML 等绘图能力。

技术特性

canvas

canvas 是 HTML5 的新特性,它允许我们使用 canvas 元素在网页上通过 JavaScript 绘制图像。

svg

SVG是一种基于 XML 的图像文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形

WebGL

WebGL(Web Graphics Library)是一种 3D 绘图协议,WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了,还能创建复杂的导航和数据视觉化。

D3

D3(Data-Driven Documents) 是一个 Javascript 图形库,基于 Canvas、Svg 和 HTML。

Three.js

Three.js 是一个基于 WebGL 的 Javascript 3D 图形库

Highcharts

Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。Highcharts 系列包含 Highcharts JS,Highstock JS,Highmaps JS 共三款软件,均为纯 JavaScript 编写的 HTML5 图表库。

AntV

AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

AntV 包括以下解决方案:

G2:可视化引擎

G2Plot:图表库

G6:图可视化引擎

Graphin:基于 G6 的图分析组件

F2:移动可视化方案

ChartCube:AntV 图表在线制作

L7:地理空间数据可视化

ECharts

ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表

标签:02,前端,图表,可视化,绘图,数据,WebGL,3D
From: https://www.cnblogs.com/Sultan-ST/p/16925264.html

相关文章

  • 2023-小侯七四套卷-数学一
    2023-小侯七4-1这张卷子好多小题的计算量都比得上真题的一道大题大题数列题送分,二重积分凭计算量实力压轴,就像我们当年高考排列组合放T22,概率放T23一样奇怪T17,T20还是错......
  • NOIP 2022 游寄
    NOIP2202游只因Day-?搞忘写了,这个是后来补上的。今年SC考点全在绵阳,然后就提前了半周到绵阳了。酒店条件真好(。Day-2%你赛,切了T1,然后T234全打暴力,拿了个......
  • 前端面试题 - 安全篇
    XSS、CSRF浅谈前端安全1.1同源策略同源:即协议、域名、端口一致浏览器的同源策略是:一个域上的脚本和cookie是不允许另外一个域访问的。如果没有同源策略的限制,那么网......
  • 1002. A+B for Polynomials (25)
    1002.A+BforPolynomials(25)时间限制400ms内存限制65536kB代码长度限制16000B判题程序......
  • 012:前端学习-CSS动画
    CSS动画动画是使元素从一种样式逐渐变化为另一种样式的效果您可以改变任意多的样式任意多的次数请用百分比来规定变化发生的时间,或用关键词"from"和"to",等同于0%和100%0%......
  • 巨杉数据库入选2022爱分析·数据智能厂商全景报告
    巨杉数据库以极具优势的技术创新与丰富的金融银行业落地经验成功入选《2022爱分析·数据智能厂商全景报告》。 近日,国内知名数字化市场研究咨询机构爱分析正式发布《2......
  • 2022-11-25Acwing每日一题
    本系列所有题目均为Acwing课的内容,发表博客既是为了学习总结,加深自己的印象,同时也是为了以后回过头来看时,不会感叹虚度光阴罢了,因此如果出现错误,欢迎大家能够指出错误,我......
  • P7962 [NOIP2021] 方差
    [NOIP2021]方差时隔一年。我又回来做这个题了。。。我们通过观察是可以发现这里的操作实际上就是交换相邻差分,但是差分\(c_1\)不可被交换。然后如果要求方差最小的话......
  • 002 写第一个ArcObject SDK程序
    1、开发环境基于ArcObjectsSDK开发,开发环境一般选用VisualStudio,开发语言使用C#,开发包使用ArcObjectsSDKfor.Net。UI有的使用Winform,也可以使用WPF。调用的时候,不关......
  • 设计排序可视化
    1.https://opencv.org/releases/在此网站下载opencv4.5.5库2.安装opencvhttps://blog.csdn.net/m0_47472749/article/details/111328183https://blog.csdn.net/CaiSen......