スクレイピングしてきたデータを使って、安倍マリオで話題の2016年リオ五輪で、トップ10の国が各スポーツごとに獲得したメダル数をビジュアライズまでしてみた。

##2016年リオ五輪のデータを簡単にスクレイピング

![medal_table0.png](https://qiita-image-store.s3.amazonaws.com/0/91522/7074361c-d6f3-fcd1-4c31-d9714a142edf.png)


実は、このデータは、2016年リオ五輪参加国のスポーツごとのメダル獲得数のデータを表しています。ところが、こうやってウェブページにに埋まっていると、わざわざスクレイプするスクリプトを書いて、その後取ってきたデータを加工して分析できるようにするという過程が、結構めんどくさかったりしますよね。今、Rのフロントエンドということで話題になっているExploratoryだと、データ分析だけでなく、こういったウェブ・ページからデータをスクレイピングしてくるのがものすごく簡単でシンプル、さらにはその後のデータの加工もデータ分析しながら簡単に出来るといことなので、早速やってみました。最終的には、2016年リオ五輪で、トップ10の国が各スポーツごとに獲得したメダル数をビジュアライズまでしてみたいと思います。

![Medal_Table.png](https://qiita-image-store.s3.amazonaws.com/0/91522/7a8dbb32-cf6b-f32b-3a03-69cf89fca61f.png)

Data Framesの横の＋アイコンをクリックして、import Remote Dateを選んでください。

![import-remote-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/06354813-bd47-96bc-f33f-f11aa177ddac.png)


Webからデータをとってきたいので、Scrape Web Pageを選びます。

![scrape-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/5ce9180a-09cf-649d-00fb-abc40375c767.png)


さっきのページのリンクを貼ります。

`https://exploratory.io/viz/Hidetaka-Ko/861f65f5d38e?cb=1471653914194`

![scrape-us.png](https://qiita-image-store.s3.amazonaws.com/0/91522/133e2cae-e9d5-ef67-5a12-3655dcad82f3.png)


そして、Get Dataボタンを押します。すると、リンクを貼るだけでデータをスクレイピングしてこれました。

![scrape-us-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/868c8418-d2b1-7afd-03c0-a0a9cf4611e6.png)


でも、あれ？　アーチェリーのメダル獲得数が列になってしまっていますね。First Row as Headerの設定がYesになっているので、Noに変えて試してみましょう。

![first-row-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/7977d9a3-642f-c59f-1153-a1c39186e5cb.png)


これでうまくいきましたね。これは、アメリカのデータだけですが、全く同じことをトップ10ランキングの他の国に対してもしていきましょう。

![all-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/a96e9f0a-2f72-5976-2a47-a688178988c6.png)


ここでは、スクレイピングでとってきたWEB上のデータですけど、GitHub、Google Analytics、Google Spread sheet、Mongo DB、MySQL、JSON REST APIなどのたくさんのデータベースから本当に簡単にデータをインポートしてきて分析することも可能です。


##bind_rows関数を使って、トップ10の国のデータをひとつのデータフレームにまとめる

いまのままだと、トップ１０の国のデータが別々のデータフレームに散らばっていますね。 なので、bind_rows関数を使ってUSのデータフレームにすべてのデータをまとめていきましょう。

`bind_rows(Australia,China,France, Germany, Italy, Japan, Netherlands, Russia, UK)`

![bindo-begin.png](https://qiita-image-store.s3.amazonaws.com/0/91522/cc6406e9-8f15-2f4c-8d9f-a4fcf1bff655.png)


カラム数や行数を見るとわかるように、ばらばらになっていたデータフレームを１つのデータフレームにまとめることができました。しかし、今のままだと、どの値がどの国を表しているのかがわかりませんね。なので、引数にcountry_nameを加えていきましょう。

`bind_rows("China"=China,"Germany"=Germany, "Russia"=Russia, "Japan"=Japan, "France"=France, "Italy"=Italy, "Netherlands"=Netherlands, "Australia"=Australia, "United_Kingdom"=UK, .id="country_name")`

Runボタンを押します。

![medal-pnp.png](https://qiita-image-store.s3.amazonaws.com/0/91522/dca1e159-3314-c821-e987-f86747856fb9.png)

次に、country_name列の行の値がNA値のときは、値にUSが入るようにしましょう。

`mutate(country_name = na_if(country_name,""), country_name=coalesce(country_name,"US"))`

![bind_row-medal2.png](https://qiita-image-store.s3.amazonaws.com/0/91522/c2d4cc80-9085-aaf6-e342-9ca0f7bc89ff.png)

##行の名前を変更する

列の名前が、X1、X2、X3、X4、X5になっていてわかりにくいので、それぞれが、スポーツ名、金メダル、銀メダル、銅メダル数、合計数を表わしていることがわかりやすいように、Renameコマンドを使って名前を変更していきましょう。

まず、最初にX1列のヘッダーからRenameを選びます。

![rename-mdeal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/d48b2ec1-c5c0-3b49-2e84-d1968cedbf9e.png)


すると、以下のコマンドを自動生成します。

`rename(new_column = X1)`

これに下記のように、書き加えていきましょう。

`rename(sports = X1, Gold = X2, Silver = X3, Bronze = X4, Total = X5 )`

![rename-medal-sports.png](https://qiita-image-store.s3.amazonaws.com/0/91522/088b359b-6305-4258-8d4e-49caff1e002d.png)

##gatherを駆使して、それぞれのメダルの獲得数を計算する

今は、金メダル、銀メダル、銅メダルの獲得数がちがう列にばらばらになっていますね。目的である、2016年リオ五輪で、トップ10の国が各スポーツごとに獲得したメダル数をビジュアライズするには、金メダル、銀メダル、銅メダルの獲得数をまとめる必要があります。そういう場合は、gatherコマンドが便利です。

gatherコマンドは、複数の列を、１つの列にすることができます。第一引数と第二引数に新しく作りたい列名を入力し、第三引数で、新しい列に入れる値の列を選びます。

`gather(color, total_per_color, Gold, Silver, Bronze, na.rm=TRUE)`

この場合だと、メダルの色を表すColorとそれぞれのメダルの獲得数を表すtotal_per_colorという2つの列にGold, Silver, Bronzeのメダルの色の値を入れています。

![gather-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/0f9c71c8-28fb-958f-4162-4cbc9f7cd9bd.png)


##recode関数を使って、メダルポイントをつける

これで、メダルごとの獲得数がわかったので、トップ10の国が各スポーツごとに獲得したメダル数を計算することができます。ただし、今のままだと金メダルも、銀メダルも、銅メダルの獲得数も同じ扱いになってしまっています。より意味のある、正確なデータを知りたいのなら、メダルの価値を、金メダル＞銀メダル＞銅メダルとする必要があります。そういうときは、recode関数が便利です。recode関数を使うと、指定の値を、任意の値に置き換えることができます。ここでは、[NewYorkタイムズ](http://beijing2008.blogs.nytimes.com/2008/08/23/the-medal-rankings-which-country-leads-the-olympics/?_r=0)で提案されているように、金メダルに4、銀メダルに2、銅メダルに1を当てはめたいと思います。それを意味する列名をweightにします。

`mutate(weight = recode(color, "Gold"=4,"Silver"=2,"Bronze"=1))`

![recode-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/6ddf9994-37ad-cd4f-a34b-7d8b914ccea2.png)


次に、メダルのweightにメダルごとの獲得数を掛けあわせて、メダルごとの合計得点数を意味するscore列を作りましょう。

`mutate(score = total_per_color*weight)`

![weight-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/a37e9420-dd49-8890-81e7-9ed933aa7f14.png)


##トップ10の国が各スポーツごとに獲得したメダル数を計算する

まず、国とスポーツの関係を見ていきたいわけなので、sports列とcountry_name列をグルーピングしましょう。

`group_by(sports, country_name)`

![group_by_sports.png](https://qiita-image-store.s3.amazonaws.com/0/91522/080eec9c-5434-f71f-a5df-52d46b9e0220.png)


次に、summarizeコマンドとsum関数を使って、score列の合計数を計算しましょう。

`summarize(counts = sum(score))`

![summerize-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/a22de2ff-ea9d-bec4-523e-4ab20e7a3f87.png)



##countrycode関数を使って、一瞬で国から大陸名を計算する

また、countrycode関数を使うと、簡単に、国名からアジア、ヨーロッパ等といった大陸名を抽出することもできます。

`mutate(Continent = countrycode(country_name,origin="country.name",destination="continent"))`

![continent-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/c12f5dfc-ccc7-fefc-3241-0ebb94980c27.png)



##Scatterを使って、ビジュアライズする

データを直観的に理解するために、Vizタブを押して、ビジュアライズしてみましょう。チャートタイプは、Scatterを選び、X軸にsports,Y軸に、country_name,Size軸に、counts、Color軸にContinentを当てはめましょう。

![continent-scatter.png](https://qiita-image-store.s3.amazonaws.com/0/91522/5de6c709-6886-5c49-2897-b95c46b72673.png)


これで、2016年リオ五輪で、トップ10の国が各スポーツごとに獲得したメダル数をビジュアライズすることができました。


##データとビジュアライズを誰でも再現可能な状態で、シェアする

このビジュアライズやそれまでのステップを誰かと共有したくありませんか？　そういう場合は、Shareボタンを押してみましょう。

![share-scatter.png](https://qiita-image-store.s3.amazonaws.com/0/91522/9c6eb18c-dd21-c136-09c0-4660b45d8538.png)


タイトルなどを入力していきます。そして、矢印の場所をクリックしてShareボタンを押すと、データがどのように加工されたり計算されたかの詳細もシェアすることができます。

![share-medal.png](https://qiita-image-store.s3.amazonaws.com/0/91522/51f1a671-8b5d-3055-d3f1-25c5f27a55e7.png)


興味がありましたら、[こちら](https://exploratory.io/viz/Hidetaka-Ko/861f65f5d38e?cb=1471653914194)をクリックするとチャートがシェアされているページに飛びます。それぞれのページでは、データがどのように加工されたり計算されたかの詳細を、Dataタブ、もしくは、R Scriptタブの中で見ることができます。もしExploratory Desktopをすでにお持ちでしたら、Download ボタンを押して、チャートとデータをダウンロードしてインポートすることも簡単にできます。

![share-step-data.png](https://qiita-image-store.s3.amazonaws.com/0/91522/4c894256-e44f-6210-8b4b-bb82bc9d512d.png)



##興味を持っていただいた方、実際に触ってみたい方へ

Exploratoryは[こちら](https://exploratory.io/
)からβ版の登録ができます。こちらがinviteを完了すると、ダウンロードできるようになります。


ExploratoryのTwitterアカウントは、[こちら](https://twitter.com/ExploratoryData
)です。

Exploratoryの日本ユーザー向けの[Facebookグループ](https://www.facebook.com/groups/1087437647994959/members/
)を作ったのでよろしかったらどうぞ

分析してほしいデータがある方や、データ分析のご依頼はhidetaka.koh@gmail.comまでどうぞ