Visualisez les préférences des chats

De temps en temps, j'ai vu un article intitulé "Pourquoi les chats... ?", qui analysait certaines préférences et comportements des chats. Le design visuel m'a beaucoup attiré. Sa particularité était l'utilisation d'un style dessiné à la main et d'une disposition en forme de bulle. En outre, la jolie police était également agréable. J'aime beaucoup les chats. J'ai un chat nommé Guagua (qui signifie mignon et idiot). De même, je suis développeur front-end. J'ai développé un framework de visualisation graphique nommé AntV G6. Par conséquent, j’ai pensé que je pourrais réaliser un design similaire grâce à ce cadre, et il s’est avéré que je l’ai fait !

G6 est basé sur un moteur de rendu nommé G. Il fournit un plugin qui peut convertir des formes en un style de type dessiné à la main (essentiellement basé sur roughjs).

De plus, j'ai utilisé la disposition du pack fournie par d3-hierarchy. Grâce au mécanisme d'enregistrement du G6, il est très simple d'accéder à diverses bibliothèques tierces.

L'exemple complet peut être vu sur Pourquoi les chats ?.

Si vous l'aimez, n'hésitez pas à donner une étoile à mon projet. C'est très important pour moi.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!