PHP前端开发

可视化猫的偏好

百变鹏仔 3天前 #JavaScript

偶然看到一篇文章,名为《猫为什么......?》,分析了猫的一些喜好和行为。里面的视觉设计非常吸引我。其特点是采用手绘风格和气泡式布局。此外,可爱的字体也令人赏心悦目。我非常喜欢猫。我有一只猫,名叫瓜瓜(意思是可爱和愚蠢)。同样,我也是一名前端开发人员。我开发了一个名为 antv g6 的图形可视化框架。因此,我以为我可以通过这个框架实现类似的设计,事实证明我做到了!

G6基于名为G的渲染引擎,它提供了一个插件,可以将形状转换为类似手绘的风格(本质上基于roughjs)。

此外,我使用了 d3-hierarchy 提供的包布局。得益于G6的注册机制,可以非常方便地访问各种第三方库。

完整的示例可以在为什么猫这样做?

如果您喜欢,欢迎给我的项目一颗星。这对我来说非常重要。