首页  >  文章  >  web前端  >  可视化猫的偏好

可视化猫的偏好

WBOY
WBOY原创
2024-09-03 15:02:57514浏览

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

Visualize the preferences of cats

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

Visualize the preferences of cats

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

Visualize the preferences of cats

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

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

以上是可视化猫的偏好的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn