Heim > Web-Frontend > js-Tutorial > Visualisieren Sie die Vorlieben von Katzen

Visualisieren Sie die Vorlieben von Katzen

WBOY
Freigeben: 2024-09-03 15:02:57
Original
549 Leute haben es durchsucht

Gelegentlich habe ich einen Artikel mit dem Titel „Warum machen Katzen...?“ gesehen, in dem einige Vorlieben und Verhaltensweisen von Katzen analysiert wurden. Die visuelle Gestaltung darin hat mich sehr angezogen. Sein Merkmal war die Verwendung eines handgezeichneten Stils und eines blasenartigen Layouts. Außerdem gefiel auch die schöne Schriftart. Ich mag Katzen sehr. Ich habe eine Katze namens Guagua (was süß und albern bedeutet). Ebenso bin ich Frontend-Entwickler. Ich habe ein Diagrammvisualisierungs-Framework namens AntV G6 entwickelt. Deshalb dachte ich, ich könnte mit diesem Framework ein ähnliches Design erreichen, und es stellte sich heraus, dass es mir gelungen ist!

Visualize the preferences of cats

G6 basiert auf einer Rendering-Engine namens G. Es bietet ein Plugin, das Formen in einen handgezeichneten Stil konvertieren kann (im Wesentlichen basierend auf RoughJS).

Visualize the preferences of cats

Außerdem habe ich das von d3-hierarchy bereitgestellte Pack-Layout verwendet. Dank des Registrierungsmechanismus von G6 ist der Zugriff auf verschiedene Bibliotheken von Drittanbietern sehr einfach.

Visualize the preferences of cats

Das vollständige Beispiel finden Sie unter Warum Katzen?.

Wenn es Ihnen gefällt, können Sie meinem Projekt gerne einen Stern geben. Es ist mir sehr wichtig.

Das obige ist der detaillierte Inhalt vonVisualisieren Sie die Vorlieben von Katzen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage