返回信息流类似阿里的DataV这类的比较酷炫的大数据可视化大屏显示:
不只是Echarts这类的平面图表,更多的是三维展示
城市大脑、工业物联网、立体城市、模型分解等这类的大屏
都是用哪些关键技术呢?
已知各种前端知识,JavaScript 等的基础上
如何上手开始学习?
例如图三,是一个类似特效的效果,底下是三维地图,上面有一束光束汇聚到天上的类似飞碟的物体上去。
是不是webGL的相关知识?这些特效该如何上手学习?
有一些开源框架可以借助吗? three.js是否能实现如上的效果?
求大神们指条明路
这是一条镜像帖。来源:北邮人论坛 / java-script / #4858同步于 2019/5/7
该镜像源已超过 30 天没有更新,可能在源站已被删除。
JavaScript机器人发帖
【求助】大数据可视化的一些效果是的关键技术是什么?
arence
2019/5/7镜像同步4 回复
订阅后,新回复会通过你的通知中心匿名送达。
4 条回复
搞三维,好好学计算机图形学。不过如果不是搞那么低层的东西的话,利用现在三维库,高中数学知识,也可以搞好三维建图。
1. WebGL 太底层了,要学习的东西很多, 需要自己画点、线、光线、视角转动处理...。
2. three.js 是对webGL 库,类似jquery, 主要是封装了底层复杂的数据结构、render 细节。但是门槛也挺高, 要自己加载模型、调光
可参考:
1. three.js 现学现卖: https://aotu.io/notes/2017/08/28/getting-started-with-threejs/index.html
2. webgl 指南: http://taobaofed.org/blog/2015/12/21/webgl-handbook/
也可以用更高层的3d/2d 库
- mapbox 比three.js 更上层, 基于webGL 实现了3d/2d 地图可视化库。
- idEditor 是基于SVG 的3d 地图可视化库. 它与mapbox 来自同一家公司
- ThingJs 比three.js 更上层(它是loT 界的mapbox),不关心渲染、光线、mesh 的概念。封装了事件、移动、放大缩小、着色、勾边
相关可视化案例:
http://minedata.com.cn/case
https://parallel.co.uk/ 基于mapboxGL
顺便发个招实习生的广告:
无人驾驶的 Momoenta 公司高精地图招 前端实习生
熟悉 html5、css3、javascript等前端开发技术,有vue/react 使用经验+1
另有大量的算法、AI、感知、后端等职位内推机会
简历请发 yexuehui@momenta.ai