FC2ブログ

    スポンサーサイト

    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。

    東京オリンピックのチケット価格をグラフにしてみた

    Twitterで投稿したが、グラフの作り方忘備録としてこちらでも投稿する。

    価格情報はこちらから
    東京五輪チケット価格決定 最高は開会式の30万円
    tps://www3.nhk.or.jp/news/html/20180720/k10011541651000.html

    「種目ごとのチケット価格は」の項目が見づらすぎたのでなんとかならないのかと思ったのがきっかけ。
    引用すると以下のような文章
    「マラソン」は新国立競技場で観戦するチケットが2500円から6000円
    「競歩」はチケット販売がありません。
    「バドミントン」は4000円から4万5000円となっています。
    「野球」は4000円から6万7500円
    「ソフトボール」は2500円から2万5500円

    「バスケットボール」は3000円から10万8000円
    3人制のバスケットボール「3×3」は3000円から1万8000円
    「ボクシング」は3500円から4万5000円

    カヌーの「スラローム」は3000円から1万円、「スプリント」は3000円から9500円

    自転車の「BMXフリースタイル」は4000円から1万円、「BMXレーシング」は3000円から1万2500円、「マウンテンバイク」は3500円から5000円、「ロード」はゴール地点の静岡県のサーキット施設富士スピードウェイで観戦するチケットが3500円から5500円、「トラック」は4000円から1万4500円

    ここが気になる
    ・変なところで改行
    ・競技名を「」でくくっているのかと思いきやそうでもない
    ・価格は全角半角まぜまぜ
    ・注釈の入れ方も微妙
    ・そもそも表にしろよ(HTMLテーブルが無理でもエクセルでまとめて画像にするくらいできただろう)
    ・「となっています。」の文章が変なところで入る。(どこから引用してコピペしたのか?)

    で、結局、価格帯どのへんなの?がわかりづらいので簡単に可視化した。

    1枚目は開会式から全種目合わせたグラフ、2,3枚目は全種目を半種目ずつで2つの画像に分断した。
    なぜ2つの画像に各種目を分けたのかと言えば、もともとTwitterで投稿するように作った画像なので、縦長すぎると、横軸が見づらいのではと思ったため。

    縦軸「競技名」、横軸「価格」、タイトルは自明であるので省略。
    (タイトルはTwitter用なのでシンプルにしたかった。)
    色付き棒の範囲がチケットの価格帯

    5rin1.png
    5rin2.png
    5rin3.png
    補足
    ・マラソンは国立競技場での観戦
    ・競歩はチケット販売無し
    ・自転車ロードは静岡県サーキット施設富士スピードウェイで観戦
    ・サーフィンは価格未定

    室内競技とか屋外競技とか、場所別で作ればよかったのではとも思うのだが、ソースを見てすぐに可視化してのウケ狙いだったのでそういった手間は掛けていない。
    (まったくウケなかった。)

    ------------------------------

    〇作り方
    方針:
    ・種目名と価格を手動入力するのは避ける
    ・Excelで視覚化

    方法:
    1. 価格情報のテキストをサイトからコピーし、ちょっと高機能なテキストエディタに張り付ける。
    (自分はサクラエディタを使用。)


    2. Excelで使えるように簡単にデータを整える
    ・"、"を"\r\n"で置き換え(\r\nは改行コード)
    ・"「"を""で置き換え
    ・"」は"を"\t"で置き換え(\tはタブ、 Excelに張り付けた際にセルを分けてくれる)
    ・"から"を"\t"で置き換え
    ・"円"を""で置き換え
    ・"となっています。"を""で置き換え
    だいたいこんなところ。


    3. 2を終えた後のテキスト
    上述した「引用すると以下のような文章」の範囲を整えた例
    (ブラウザで表示するため\tはスペース4つで置き換え済み)

    マラソン 新国立競技場で観戦するチケットが2500 6000
    競歩 チケット販売がありません。
    バドミントン 4000 4万5000
    野球 4000 6万7500
    ソフトボール 2500 2万5500

    バスケットボール 3000 10万8000
    3人制のバスケットボール3×3 3000 1万8000
    ボクシング 3500 4万5000

    カヌーのスラローム 3000 1万
    スプリント 3000 9500

    自転車のBMXフリースタイル 4000 1万
    BMXレーシング 3000 1万2500
    マウンテンバイク 3500 5000
    ロード ゴール地点の静岡県のサーキット施設富士スピードウェイで観戦するチケットが3500 5500
    トラック 4000 1万4500

    4. Excelに張り付けデータを整える
    マラソンや自転車のロードが若干変だが、おおむね「種目名、最低価格、最高価格」で並んでいると思う。
    不要な文章の入っているセルを数値のみにし、〇万〇とないっているセルも手動で数値に整える。
    数百行以上あればマクロなど組むほうがいいだろうが、数十行なら手作業のほうが速い。
    5rin_tejun4.png


    5. 4を終えたExcel
    大体こういう表になっているはず。
    「-」は「0」にしておくほうが手間が減る。
    5rin_tejun5.png

    6. 棒グラフを作る
    最低価格から最高価格までだけを色付けしたい。
    とりあえず、ラベル込みで横棒グラフを作る。
    出来るグラフは種目名が省略されているので、グラフの高さ幅を大きくし、すべて表示させる。
    5rin_tejun6.png
    5rin_tejun6-2.png

    7. 6のグラフをさらに加工する
    6のグラフでは最低価格、最高価格が描かれているものの、最低から最大までの間のみの横棒にはなっていない。
    間だけ色を付けるには?
    最低最高価格の棒をかぶせて、最低価格の棒の色を白にすればいい!
    グラフの最高または最小の棒を選択し、選択対象の書式設定を開く。(小さくて選択しづらいのでレイアウトの系列から選択してもOK)
    5rin_tejun7.png


    8. 「系列の重なり」を「重ねる側の100%」にして閉じる
    5rin_tejun8.png


    8-2. 重なりの順番を変える
    8の手順の後、最低価格の棒が最高価格の後ろに隠れてしまっている場合は、重なり方を変える必要がある。
    隠れてしまっている場合のグラフ
    5rin_tejun9.png

    グラフを右クリックし、データの選択をクリック。
    5rin_tejun9-1.png

    矢印ボタンで、系列の順番を変える。
    5rin_tejun9-2.png

    ここまでの手順を行うとこうなっているはず。
    5rin_tejun10.png


    9. 最低価格のグラフの色を白にする
    色を変えるところは解説いらないでしょう。
    はい、完成。
    5rin_tejun10-2.png

    スポンサーサイト
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。