namaraii.com

最近更新したページ

さらに526件 →

D3.jsの作例

作成日:更新日:

関連リンク

D3.js

D3.jsは、データを視覚的に表現するためのJavaScriptライブラリ。 正式名称は「Data-Driven Documents」であり、Web標準であるHTML、SVG、CSSを使用してインタラクティブで動的なデータ可視化を可能にする。 D3.jsは柔軟で高性能なグラフィックを生成するために、多種多様なデータ形式に対応し、データバインディング、トランジション、アニメーションなどの高度な機能を提供している。 D3.js公式サイト .

D3.jsでJリーガーの出身地マップを作ってみた

D3.jsでJリーガーの出身地マップを作ってみました。 もっとも多いのは東京都の199人で、もっとも少ないのは高知県の1名でした。なかなかおもしろい。 出身の選手数が多いほど濃い色で表示され、マウスオーバーすると都道府県名・出身者数・選手名がツールチップで表示されます。 ソースコードはこちらです。プログラム的には、 TopoJSON形式の地図データ表示 複数JSONファイルの扱い(Promise.allを使用) 都道府県ごとのツールチップ設定（表示はTippy.jsを使用） d3.scaleLinearを用いた表示色の制御 などがトピックスでしょうか（というか、自分が勉強したことですが） いく...