時々、猫の好みや行動を分析した「なぜ猫は…?」という記事を目にしました。そのビジュアルデザインにとても惹かれました。手描き風のスタイルとバブルのようなレイアウトが特徴でした。また、素敵なフォントも気に入りました。私は猫がとても好きです。私はグアグア(かわいい、愚かなという意味)という名前の猫を飼っています。同様に、私はフロントエンド開発者です。私は AntV G6 というグラフ視覚化フレームワークを開発しました。そこで、このフレームワークを通じて同様のデザインを実現できるのではないかと考えましたが、実際に実現できました。
G6 は、G という名前のレンダリング エンジンに基づいています。これは、形状を手描きのようなスタイルに変換できるプラグインを提供します (基本的にroughjsに基づいています)。
また、d3-hierarchy が提供するパックレイアウトを使用しました。 G6 の登録メカニズムのおかげで、さまざまなサードパーティ ライブラリに非常に簡単にアクセスできます。
完全な例は、「猫はなぜするの?」でご覧いただけます。
気に入っていただけましたら、私のプロジェクトにスターを付けていただければ幸いです。それは私にとってとても重要です。
以上が猫の好みを可視化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。