ホームページ  >  記事  >  ウェブフロントエンド  >  猫の好みを可視化

猫の好みを可視化

WBOY
WBOYオリジナル
2024-09-03 15:02:57514ブラウズ

時々、猫の好みや行動を分析した「なぜ猫は…?」という記事を目にしました。そのビジュアルデザインにとても惹かれました。手描き風のスタイルとバブルのようなレイアウトが特徴でした。また、素敵なフォントも気に入りました。私は猫がとても好きです。私はグアグア(かわいい、愚かなという意味)という名前の猫を飼っています。同様に、私はフロントエンド開発者です。私は AntV G6 というグラフ視覚化フレームワークを開発しました。そこで、このフレームワークを通じて同様のデザインを実現できるのではないかと考えましたが、実際に実現できました。

Visualize the preferences of cats

G6 は、G という名前のレンダリング エンジンに基づいています。これは、形状を手描きのようなスタイルに変換できるプラグインを提供します (基本的にroughjsに基づいています)。

Visualize the preferences of cats

また、d3-hierarchy が提供するパックレイアウトを使用しました。 G6 の登録メカニズムのおかげで、さまざまなサードパーティ ライブラリに非常に簡単にアクセスできます。

Visualize the preferences of cats

完全な例は、「猫はなぜするの?」でご覧いただけます。

気に入っていただけましたら、私のプロジェクトにスターを付けていただければ幸いです。それは私にとってとても重要です。

以上が猫の好みを可視化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。