rui live note

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

*

2016夏の甲子園出場校選手の出身都道府県をSankey Diagramで可視化してみました

      2016/09/01   生活, 高校野球

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

昨年、スポナビでやっていたインフォグラフィック企画がとても面白かったので、似たようなことを今年のデータで試してみました。

2016年夏の甲子園出場校登録メンバーの出身地分布

可視化したグラフは下記リンクからご覧ください。

2016年夏の甲子園出場校登録メンバー出身地分布グラフ

出身地分布について

データから特徴的だった点をいくつかまとめてみます。

  • 出身都道府県で多かったのは大阪(103人)、東京(50人)、兵庫(49人)、神奈川(36人)、愛知(33人)
  • 青森の出身者が一人しかいない(八戸学院光星)、高知の出身者はゼロ!
  • 自県の選手が一人もベンチ入りしないのは明徳義塾と秀岳館の2校
  • ベンチ入り選手における出身中学の都道府県数が多いのは、9(聖光学院)、8(明徳義塾、九州国際大付)、7(光星学院、高川学園、日南学園)

グラフの作り方

この視覚化に使ったグラフは、人や物の流れを表現するのに適した Sankey Diagram という形式だそうです。

先に紹介したスポナビのサイトでは可視化ライブラリに D3.js を使っているっぽいですが、今回は Google Developers の Sankey Diagram という JavaScript ライブラリを使いました。サンプルコードをちょろっといじる程度で形が作れたので、比較的使いやすいライブラリじゃないかなと思います。

なお、出身地データは『週刊朝日増刊号 甲子園2016 2016.8.15増刊』に掲載されている各選手の出身中学を条件、手作業でちまちま拾い起こしました。今回費やした時間のほとんどはこの作業です(笑)

出身地データ、html ソースは GitHub に上げてあります。

グラフの課題

Google Developers Sankey Diagram の使い方が良く分かってなかったり(もしかすると機能的に無いかもしれないけど)、時間が無かったりで、まだまだ物足りない点があります。

  • 右側の都道府県の並び順を変更したい
  • スポナビみたいにクリック操作をトグルにして色を切り替えたい
  • 出身地データの別ファイルを動的に読み込んで表示したい

でも、これ以上手間ひまかける時間もあまり無さそうな状況だし・・・。

もし興味のある方がおりましたら、前述のデータを自由に使って構いませんので、よりカッコいいものをぜひ作ってみてください!(人まかせ)

ad

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

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

  関連記事

eyecatch
今度はD3.jsで2016夏の甲子園出場校選手の出身都道府県を可視化してみました

先日、Google Developers の Sankey Diagram ライ …

高校野球定番まとめページ
甲子園の前哨戦に!高校野球の定番まとめページ2015年版

先日、全国49地区の代表校が全て決まり、8月6日からはいよいよ高校野球ファンお楽 …

甲子園
「いらすとや」で振り返る甲子園歴代名場面集

とってもかわいいイラストで大人気のフリー素材集「いらすとや」さんですが、どんな場 …

高校野球応援まとめサイト
高校野球応援動画まとめサイト「OUEN」という新サイトを作りました

先日、こんな高校野球応援動画まとめサイトを作りました。 高校野球応援動画まとめサ …

報知高校野球
報知高校野球の表紙バックナンバーコレクションが涙モノすぎる

「報知高校野球」という高校野球雑誌があるんですが、その記者兼編集者である日比野さ …

ブラスバンド
【#ブラバン甲子園】高校野球観戦のお供にブラバン応援ツイート中継「ブラバンde甲子園」がマニアックで面白い!

日々熱戦が繰り広げられている夏の甲子園、きっとみなさんも地元校や贔屓校の応援で盛 …

高校野球
いらすとやで歌おう!「栄冠は君に輝く」

さて梅雨も明け、今年も熱い夏がやってきましたね。 世間はすっかりリオ五輪の話題で …

高校野球
夏の甲子園がもうすぐ開幕するので高校野球の定番まとめページでもご紹介しましょう!

いよいよ、8月9日から夏の甲子園が開幕しますね。 高校野球 – 第9 …

前橋育英
2017年センバツ出場校WebサイトにリボンをかけるChrome拡張を作ってみました

あれこれ忙しいことが続くと、自分が楽しめるものでも作って現実逃避したくなりますね …