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

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

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

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

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