rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

将棋棋士データベースで遊ぶ(9)〜棋士の師弟関係をD3.jsで可視化その2〜

      2017/04/19   JavaScript, 将棋, 生活, 開発 ,

  • このエントリーをはてなブックマークに追加
  • Pocket

※この記事は「将棋 Advent Calendar 2016 – Adventar」の21日目です。

将棋連盟の棋士データベースで遊んでみようシリーズ、前回の記事では棋士の師弟関係を D3.js で可視化してみましたが、データが多すぎてかなり見づらい状態でしたので多少改善を図ってみました。

棋士の師弟関係をD3.jsで可視化

今回、手を加えた点は次のものです。

  • 未選択時の線の色を薄くした
  • 棋士・女流棋士別に分けた

未選択時の線の色を薄くした

まず、データが多くて師弟関係の関連を表す線がごちゃごちゃ見づらかったので、未選択時の線の色を薄くして選択された線が分かりやすくなるようにしてみました。

前回まではこんな状態でしたが・・・、

kishi_sankey

色を調整したことでこんな感じに。

棋士の師弟関係

棋士を選択した時にも師弟関係の線がだいぶ分かりやすくなりましたね。

棋士の師弟関係

棋士・女流棋士別に分けた

また、データを棋士・女流棋士別に絞ったページをそれぞれ作りました。

こちらが棋士だけのページ。

棋士の師弟関係

こちらが女流棋士だけのページです。

女流棋士の師弟関係

これで前よりもだいぶ見やすくなったと思いますがいかがでしょうか?

まだまだ改善する方法はいくらでもあるんでしょうが、時間の都合もあるのでとりあえず今回はこの辺で・・・。もっと良いアイデアなどありましたら、ぜひご意見お待ちしてます!

この記事で作ったコードはこちらに上げてありますので、どうぞご自由にご覧ください。

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

ノマドワーカー
前橋で自分がよく利用しているノマドスペースについて

プライベートな時間でちょっとした個人で受けてる仕事をしたり、自分プロジェクトの作 …

縁起の良い鳥
将棋メーカーで来年の年賀状素材を作ってみた

※この記事は「将棋 Advent Calendar 2016 – A …

5585aa8d9493d
「将棋メーカー」という将棋の駒画像ジェネレーターサイトを作りました

仕事が忙しいからとか何やら自分に言い訳をして、気が付けば前回ブログを更新してから …

濃厚チーズ気分
カリカリチーズの香ばしさが絶品な「濃厚チーズ気分」の病みつき感がヤバイ!

チーズって美味しいですよね。カレーやハンバーグに乗せてとろけさせても美味しいし、 …

ハロウィン
今年のハロウィンも妖怪ウォッチするなら!仮装・変装・気ぐるみ・コスプレグッズまとめ

我が家の子どもたちの間では以前より過熱さが収まった感じの妖怪ウォッチですが、当ブ …

われ敗れたり
電王戦の本当の勝利者は将棋ファンと米長氏。「われ敗れたり」を読んで。

今年の第3回電王戦が終わってしばらく経ってしまいましたが、今さらながら読みました …

羊
お年玉付年賀はがきの当選番号が発表!さて我が家の結果は!?

お正月明けの密かなお楽しみ、2015年お年玉付き年賀はがきの当選番号が本日発表さ …

妖怪
妖怪ウォッチ好きの子どもたちもきっと気に入る!妖怪やお化けが沢山出てくるオススメ絵本5選

子ども界を席巻している妖怪ウォッチ。そりゃ面白いですからゲームをしたり、アニメや …

モリシタ集め
8/29に開かれた電王戦の記者発表会内容まとめ

将棋電王戦に関する記者発表会2014 – 2014/08/29 14 …

藤井猛九段
私が振り飛車党になった5つの理由

さて明日は安倍政権の評価を問う衆院選の投票日ですね。有権者のみなさん、もう投票先 …