![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
数据可视化
文章平均质量分 76
Fine0830
这个作者很懒,什么都没留下…
展开
-
地图开发--经纬度转化
地图开发–经纬度转化背景:基于geojson数据做地图的开发,早起用d3.js画图(FineChart-Saiku、CBoard),后面echarts变得成熟,然后开始用了Echarts,满足世界地图、中国地图、区域地图、省地图和市地图的平行展示和层级间的钻取功能实现,库都做了很多封装,但需求和业务越来越复杂,所以也需要了解一下其实现的方法,方便控制地图展现的中心、大小等问题。经纬度转化...原创 2018-04-06 18:33:47 · 1031 阅读 · 0 评论 -
3D可视化开发(基于顶点着色器和片元着色器)
3D可视化开发(基于顶点着色器和片元着色器)背景:最近在做大屏的3d地图可视化开发,技术采用three.js+glsl这样的是一种实现方式,其中使用glsl实现顶点着色器和片元着色器。GLSL GLSL是OpenGL的着色语言,它是为图形计算量身定制的,并包含一些针对向量和矩阵操作的有用特性。顶点着色器 顶点着色器控制了几何体如何渲染,在GPU中运行并计算出最终顶点位置,顶点在op...原创 2018-04-21 22:26:59 · 1999 阅读 · 1 评论 -
WEBGL中的矩阵变换以及opengl着色语言(glsl)中常见的内置函数、变量
背景:了解webgl中顶点通过矩阵变换产生位移、缩放、旋转,以及了解opengl着色语言(glsl)中常见的内置函数和变量方便使用做出酷炫的可视化效果。变换 在三维空间里面我们用(x, y, z)表示一个有长度、有大小的方向,其中我们会加入一个w分量,即思维向量(x, y, z, w),w分量的存在是为了在变换中矩阵运算的需要。这些都是建立在我们有一定线代基础的情况下,毕业4年啦,都忘啦,...原创 2018-05-27 23:17:44 · 2132 阅读 · 1 评论 -
React+D3组件开发之treemap(树图)
背景在React前端项目中使用D3JS定制可视化组件,treemap支持节点的新建、删除、缩放、全屏等功能技术实现###首先图表线和点的数据 // dataSource初始数据 const hierarchyData = d3.hierarchy(dataSource) // hierarchy layout and add node.x,node.y c...原创 2019-10-11 17:36:10 · 3774 阅读 · 0 评论