Canvas 轻量图文编辑器的一些实践

2023-12-14
阅读 11 分钟
896
简而言之,我们需要一个能够在 H5 端和桌面端使用的轻量级图文编辑器。具体的使用流程是在桌面端制作编辑模板(上传一张底图,指定编辑区域的大小),然后在 H5 端允许用户在模板的基础之上添加文本,图片,支持对文本图片的多种编辑等。

ThreeJS 中线的那些事

2022-03-25
阅读 17 分钟
6.9k
在可视化开发中,无论是二维的 canvas 还是三维开发,线条的绘制都是非常常见的,比如绘制城市之间的迁徙图、运动轨迹图等等。不管是在三维还是二维,所有物体都是由点构成、两点构成线、三点构成面。那么在 ThreeJS 中绘制一根简单的线的背后又有哪些故事呢,本文将逐一解开。

一种子图布局方法的实现

2022-03-14
阅读 4 分钟
2.7k
在风控领域图可视化场景中,由于可视化图中的节点多且关系复杂,导致用户很难看清节点之间的关联关系;通常我们会使用一些图布局算法对整张图进行布局,使整张图的关系更加清晰,便于用户分析。

如何在 ThreeJS 中实现辉光效果

2022-02-28
阅读 13 分钟
11.1k
在游戏中,我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中,这些辉光是由于光线在大气或我们的眼睛中散射而造成的。但是渲染这些物体到屏幕上后,它所达到眼睛的光强是有限的。因此,需要人为...

机器学习可视分析框架设计与实现

2021-11-05
阅读 6 分钟
2.9k
数据可视化本质就是将数据转换为视觉编码,可视化擅长探索数据、科学洞察、交流和教育领域。可视化与统计学有区别又有联系,区别在于前者没有必要明确问题,后者则研究一个特定的问题;联系在于合作伙伴关系。可视化通过视觉编码吸引观众的注意力,进而将数据传递给观察者,另外通过计算机等媒介交互式探索分析数据。好...

一条曲线的诞生

2021-10-29
阅读 14 分钟
4.3k
在图可视化领域有着大量和曲线相关的场景,然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候,就遇到了这样的问题。形状扁平,箭头方向和连线趋势不一致,连线起点和终点被隐藏等等,好看的曲线总是相似的,而丑陋的曲线却各有各的问题。如何得到一条好看的曲线呢 ?来一探究竟吧。

如何解决 WebGL 绘制地理信息的精度损失问题

2021-07-12
阅读 7 分钟
4.3k
Deck.GL 是 Uber 开源的地理数据渲染框架,在使用 Deck.GL 绘制热力图的时候,发现不断放大地图时,地图层明显地抖动,且热力的聚合结果也有问题。下面的 demo 展示了这个现象,黄色图层是热力图图层,黑点代表原始数据,显然不断放大地图时,热力图的点并没有和原始数据点对应,且在不断抖动。

单元可视化语法解读与思考

2021-01-28
阅读 5 分钟
2.6k
单元可视化是常见的一类可视化形式,它的特点是将数据集中每一个数据项使用一个单独的视觉元素进行可视化映射。对于特定的数据集和可视化任务而言,单元可视化能够提供更多的信息,更符合用户的心理模型,与传统的聚合可视化相比,支持新颖的交互。但是现有可视化语法并不能全面的描述单元可视化,本文针对单元可视化,...

图可视化之图布局

2021-01-21
阅读 11 分钟
5k
可视化是一种利用计算机图形学和图像处理技术,将数据转换成图形或图像在屏幕上显示出来,再进行交互处理的理论、方法和技术。数据在经过图可视化的方式展示后能够辅助用户去分析复杂的关系数据,从而发现数据中蕴含的价值。而图布局则是图可视化中非常重要的基石,对可视化图进行合理的布局可以帮助我们快速分析,准确...

AI 时代前端可能的未来方向

2020-11-13
阅读 3 分钟
4k
21 世纪是变化的世纪,在新的千年之始,科技日新月异得改变着我们的生活。前端作为近年很火的岗位,一直被大家吐槽技术更新速度太快了,新概念层出不穷。然而面对这变化的时代,可能我们的变化还可以更多更快。在前端工作过几年之后的同学,往往会开始产生对未来的焦虑,整天学习新的框架、新的语法,但生产力提升却赶不...

从图形语法理解各类图表库

2020-11-06
阅读 5 分钟
3.6k
不管你是做技术、BI 或是科研,都或多或少接触过“数据可视化”,或者在狭义范围来说便是各类图表。如果总结归纳一下,各种图表库按照表达性和速度的差异主要分为三类: