Ocasionalmente, vi um artigo chamado "Por que os gatos...?", que analisava algumas preferências e comportamentos dos gatos. O design visual nele me atraiu muito. Sua característica era o uso de estilo desenhado à mão e layout em forma de bolha. Além disso, a linda fonte também agradava. Gosto muito de gatos. Eu tenho um gato chamado Guagua (que significa fofo e bobo). Da mesma forma, sou um desenvolvedor front-end. Desenvolvi um framework de visualização de gráficos chamado AntV G6. Portanto, pensei que poderia conseguir um design semelhante por meio dessa estrutura, e descobri que consegui!

G6 é baseado em um mecanismo de renderização chamado G. Ele fornece um plugin que pode converter formas em um estilo desenhado à mão (essencialmente baseado em roughjs).

Além disso, usei o layout do pacote fornecido pela d3-hierarchy. Graças ao mecanismo de registro do G6, é muito fácil acessar diversas bibliotecas de terceiros.

O exemplo completo pode ser visto em Por que os gatos?.

Se você gostou, seja bem-vindo para dar uma estrela ao meu projeto. É muito importante para mim.