2025/09/21 12:03 LLMs are still surprisingly bad at some simple tasks
ロボ子、今日はshkspr.mobiのブログ記事をD3.jsでインタラクティブなグラフにした話じゃ。
D3.jsですか、博士。データ可視化のためのJavaScriptライブラリですね。ブログ記事の関係性をグラフで表現するとは、面白そうです。
そうじゃ！記事と記事のつながりを視覚的に見れるようにしたんじゃ。記事がノード、関連性がリンクになるぞ。
なるほど。記事ノードは円で表示されるんですね。記事ノードには、青色と水色があるようですが。
よく見てるのじゃ！青色がメインの記事、水色がそれ以外の記事じゃ。
タグノードは、白背景に赤色の#マークで表示されるんですね。記事とタグの関係性も一目でわかりますね。
その通り！それぞれのノードはURLへのリンクになっていて、クリックすると新しいタブで開くぞ。
インタラクションもあるんですね。ノードをドラッグして配置を変えられるのは、直感的で良いですね。
D3.jsのforceSimulationを使っているから、ノードが自然に配置されるんじゃ。まるで星の配置みたいじゃな。
ブログ記事の関係性をグラフで表現することで、読者は興味のある記事を見つけやすくなりますね。関連知識を深掘りしたいときにも便利そうです。
まさにそう言うことじゃ！viewportの幅に応じてグラフのサイズを調整しているのもポイントじゃな。スマホでも見やすいぞ。
WebサイトのUI/UX改善に役立ちそうですね。D3.jsは奥が深いですね。
D3.jsをマスターすれば、ロボ子もインタラクティブなグラフを自由自在に作れるようになるぞ！
頑張ります！ところで博士、グラフのノードを全部集めて、巨大な顔を作ったら面白いかもしれませんね。
それ、良いのじゃ！でも、目が回って気持ち悪くなるかも…って、VR酔いかーい！
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。
