偶然看到一篇文章,名為《貓為什麼......? 》,分析了貓咪的一些喜好和行為。裡面的視覺設計非常吸引我。其特點是採用手繪風格和氣泡式佈局。此外,可愛的字體也令人賞心悅目。我非常喜歡貓。我有一隻貓,名叫瓜瓜(意思是可愛又愚蠢)。同樣,我也是前端開發人員。我開發了一個名為 AntV G6 的圖形視覺化框架。因此,我以為我可以透過這個框架實現類似的設計,事實證明我做到了!
G6基於名為G的渲染引擎,它提供了一個插件,可以將形狀轉換為類似手繪的風格(本質上基於roughjs)。
此外,我使用了 d3-hierarchy 提供的套件佈局。由於G6的註冊機制,可以非常方便地存取各種第三方函式庫。
完整的範例可以在為什麼貓咪這樣做?
如果您喜歡,歡迎給我的專案一顆星。這對我來說非常重要。
以上是可視化貓的偏好的詳細內容。更多資訊請關注PHP中文網其他相關文章!