当前位置: 首页 > 后端技术 > Node.js

数据可视化常用的组件有哪些

时间:2023-04-03 14:36:10 Node.js

前言本文作为开篇,后续会不定期出一系列矿坑记录,梳理大数据可视化和大屏中的常见问题,作为以及针对特定场景的深度优化。本文首先带大家来熟悉一下什么是可视化?常见的视觉组件有哪些?常用的可视化技术栈有哪些?什么是可视化工程框架?常见的可视化问题(没有答案,有问题可以在下方评论,我会单独解答,如果问题比较多,我会单独出一篇文章详细讲解)。什么是可视化?大数据可视化这个词相信大家都不陌生。从17世纪的地图和图形到19世纪初饼图的发明,使用图表理解数据的概念已经存在了几个世纪。可视化一直伴随着我们的生活,在我们的生活中无处不在。比如天猫双十一、女神节收集了我们生活中的天气、流量、运维等各种指标数据。...都需要可视化。随着数字时代的推进和信息时代的到来,我们的数据量正慢慢变得庞大。我们不能再通过简单的数据表格和日志来查看重要信息,必须依赖可视化!可视化常用的组件有哪些?折线图Echarts,Chart,Highcharts,D3直方图Echarts,Chart,Highcharts,D3散点图Echarts,Chart,Highcharts,D3象形图Echarts,Chart,Highcharts,D3雷达图Echarts,Chart,Highcharts,D3饼图Echarts,Chart,Highcharts,D3水波球Echarts,D3,CanvasdashboardEcharts,Highcharts,D3,Canvas地图Echarts,Antv@L710.拓扑图Antv@g6,Vis,D3,d3-graphviz热力图Echarts,antV@L7,Heatmap矩形图Echarts,Highcharts,Canvas旭日图Echarts,Highcharts,Chart桑基图Echarts,Highcharts,Chart3D饼图Highcharts,三,Webgl3D场景三,Webgl3DGIS场景Mapbox,Cesium还有很多其他常用的可视化组件,这里就不一一列举了。有兴趣的可以看看Echarts的官网,比较全。也可以看看D3.js这本书,里面记录了很多charts的实现方案。前端可视化工程架构常见的可视化问题有哪些?以下问题将在单独的文章中详细介绍。大家有什么问题也可以在下方评论,一起讨论在大屏可视化开发中如何学习如何适配多终端?视觉大屏如何在拼接屏上精准显示?如何解决大屏失真和小屏文字模糊的问题?如何优化大屏速度?视觉大屏如何做到低版本兼容?随着可视化大屏尺寸越来越大,如何优化资源消耗?如何确定3DGIS离线方案?如何实现3D场景碰撞检测和视野分析?加载大型BIM模型太慢,优化方案是什么?2d、3d动画卡顿,如何优化内存的不断增加和变化?作者简介王海虎,开源项目FlyFish项目PMC,云智能研发经理,全栈工程师,关注可视化、3D引擎、3Dgis场景、低代码等方向。AlOps社区专家组成员。开源项目AntV贡献者,清华大学ThulabDWF项目开发者之一。关于飞鱼飞鱼平台(FlyFish)是云智自主设计研发的低门槛、高扩展性的低代码应用开发平台,为数据可视化开发场景提供高效的一站式解决方案。项目介绍:https://www.cloudwise.ai/flyF...Github地址:https://github.com/CloudWise-...Gitee地址:https://gitee.com/CloudWise/f...行业案例:https://www.bilibili.com/video...部分大屏案例: