首頁 > web前端 > js教程 > 主體

可視化貓的偏好

WBOY
發布: 2024-09-03 15:02:57
原創
538 人瀏覽過

偶然看到一篇文章,名為《貓為什麼......? 》,分析了貓咪的一些喜好和行為。裡面的視覺設計非常吸引我。其特點是採用手繪風格和氣泡式佈局。此外,可愛的字體也令人賞心悅目。我非常喜歡貓。我有一隻貓,名叫瓜瓜(意思是可愛又愚蠢)。同樣,我也是前端開發人員。我開發了一個名為 AntV G6 的圖形視覺化框架。因此,我以為我可以透過這個框架實現類似的設計,事實證明我做到了!

Visualize the preferences of cats

G6基於名為G的渲染引擎,它提供了一個插件,可以將形狀轉換為類似手繪的風格(本質上基於roughjs)。

Visualize the preferences of cats

此外,我使用了 d3-hierarchy 提供的套件佈局。由於G6的註冊機制,可以非常方便地存取各種第三方函式庫。

Visualize the preferences of cats

完整的範例可以在為什麼貓咪這樣做?

如果您喜歡,歡迎給我的專案一顆星。這對我來說非常重要。

以上是可視化貓的偏好的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板