GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ

D3v3

D3.jsのデバッグ用ブックマークレット「d3-xray」

投稿日:

d3-xray-demo

D3.jsを使ったデータビジュアライゼーションの作成では、SVGを含むDOM要素にデータをバインドして作品を構築することになりますが、表示されているDOMにどんなデータが束縛されているのかは目視では確認できません。セレクション機能のdataメソッドを使えば確認することができるのですが、いちいちWebコンソールで実行するのも面倒くさい作業だったりします。

d3-xray」を使うと、マウスオーバーするだけでDOM要素に束縛されているデータをコンソールに出力することができます。デバッグが格段にしやすくなるので、ブックマークバーに登録しておくと便利です。

About Me

著者: 清水正行
所在地: 群馬県高崎市

群馬・東京間を行き来する出稼ぎエンジニア。GIS(地理情報システム)・データビジュアライゼーション・オープンデータなどについて書いてます。