几种常用动画库的对比 不管我们最终用哪个库,都必须深入源码了解其程序设计,否则后面会有很多限制。 常用动画库对比GSAP(Green Sock Animation Platform)https://github.com/greensock/GSAP Github星级:13.2K 优势:速度快(官网说比jQuery快20倍),有工具可以加速开发(GSDevTools),基于时间线的设计;插件非常多;方便和其他库(比如 2021-11-10 #数据可视化
可视化组件库对比 常用绘图引擎的性能对比网站: https://benchmarks.slaylines.io/two.html 统计截止2021.11.07 名称 类型 版本 大小 Canvas SVG WebGL WebGL2 WebGPU TypeScript 备注 ZRender 绘图引擎 5.0.4 203KB √ √ × √ AntV/G 绘图引擎 5.0.17 √ √ 2021-11-07 数据可视化 > 技术 #数据可视化
如何做好F10的数据可视化 原则:不解决问题的可视化不是真正的可视化。用户想从F10获取什么信息? 注意:F10的数据可视化的关键因素在于业务、数据分析和设计,不在于实现,因此重心要放在这里。 F10的可视化想要解决用户什么问题F10有大量的公司财务数据,而非专业人员在查看这些财务数据的时候,是很吃力的,包括概念难以理解、难以从数据中发现规律和逻辑、难以得出结论辅助自己决策等等。 所以我们对于F10的可视化目的,应该定义 2021-11-07 #数据可视化
高维度数据的可视化 我们假设这个高维度,是指3维以上。 高维度数据可视化的目的是什么?找到相关性(correlation), 聚集(cluster), 异常值(outlier) 当在寻找高纬度的数据中的这些关系的时候,不一定要进行降低纬度, 有一些可视化的技术可以直接可视化高纬度数据,然后你可以从中找到答案。1.Scatter plot matrix2.Parallel coordinate3.Mosaic Plo 2021-11-07 #数据可视化
数据可视化的目的是什么 数据可视化是个大趋势,是非常好的发展方向。但是如果我没有想清楚其目的,连数据可视化要解决的问题是什么都不明确,那我怎么可能将其做正确、做好? 我过去三年最大的错误,是急于求成,没有稳扎稳打的学习和理解数据可视化。 数据可视化是什么?任何学科,都是会不断发展演变的,因此其定义也会不断改变。 比如最初大家理解的数据可视化,就是一些常规的折柱饼图表; 接着逐渐出现了信息图; 然后是可视化交互分析; 2021-11-07 #数据可视化
问题排查复盘-大屏自选股数据错误 问题描述用户那边展示的 Web 大屏,其中自选股页面的数据显示错误了。这个问题之前也出现过。 排查过程 上午销售同事反馈数据不对,我看了一下,知道是之前出现过的问题,但是不能确定原因,答复本周解决 对方比较着急,要求我们的人现场排查,销售同事准备协调工程同事 工程同事跟我沟通后,感觉没有去的必要(我只是让他看下 F12 有没有报错),不过最终还是决定去一趟,让对方放心一些 下午工程同事到达现场,开 2021-11-02 #随想
可视化组件复盘-基金指数估值 又TM没确认交互细节该怎么确认、该确认哪些细节的点? 这个我们得定下来才行。 碰撞检测 极限数据 没有拿UI稿又是自己瞎JB配置。 没有拿真实数据这样很容易返工。 而且有些问题,没有真实数据填充,是发现不了的,比如图形重叠、边界等等。 没沟通好开发起止时间到了周末才问对方,如果对方紧急,我们就拖后腿了。 没有进行任务分解,不知道开发成本远远超过自己预估的时间。 而且有的小交互,我不知道怎么实现,可 2021-10-29 #数据可视化
可视化组件复盘-现金流量表 没有仔细确认交互我一开始口头沟通,以为就只是两侧模糊阴影,然后就按照自己的理解去配置了。 等我配置好了,准备JIRA提交任务的时候,按照他们的需求文档验收,结果发现有很多细节交互我压根没看。。。 比如: 我以为是PC端的页面,其实是移动端的,他们有个长按的交互 默认展示的数据有要求 柱子宽度是固定的(series.bar.rectWidth仅在坐标轴为连续型坐标轴,比如linear、time等, 2021-10-29 #数据可视化