卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章77070本站已运行4326

可视化猫的偏好

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

可视化猫的偏好

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

可视化猫的偏好

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

可视化猫的偏好

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

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

卓越飞翔博客
上一篇: CSS 布局 - 浮动、Flexbox 和网格
下一篇: 返回列表
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏