De vez en cuando, vi un artículo llamado "¿Por qué los gatos...?", que analizaba algunas preferencias y comportamientos de los gatos. El diseño visual que contiene me atrajo mucho. Su característica era el uso de un estilo dibujado a mano y un diseño en forma de burbuja. Además, la hermosa fuente también fue agradable. Me gustan mucho los gatos. Tengo un gato llamado Guagua (que significa lindo y tonto). Del mismo modo, soy desarrollador front-end. Desarrollé un marco de visualización de gráficos llamado AntV G6. Por lo tanto, pensé que podría lograr un diseño similar a través de este marco, ¡y resultó que sí!

G6 se basa en un motor de renderizado llamado G. Proporciona un complemento que puede convertir formas en un estilo similar al dibujado a mano (esencialmente basado en rugosojs).

Además, utilicé el diseño del paquete proporcionado por d3-hierarchy. Gracias al mecanismo de registro de G6, es muy fácil acceder a varias bibliotecas de terceros.

El ejemplo completo lo puedes ver en ¿Por qué los gatos?.

Si te gusta, bienvenido a darle una estrella a mi proyecto. Es muy importante para mí.