【Tableau】有価証券報告書データの可視化

## はじめに
moriwakunと申します。データエンジニアとして事業会社に勤めておりますが、データ利活用ニーズとして企業の財務情報可視化・比較分析がよく上がってきます。そこで、Tableauの操作学習も兼ね、有価証券報告書のデータを取得 → 可視化の一連の流れをやってみました。

## 今回やりたいこと
- 日本のメガバンク3社（三菱UFJ・三井住友・みずほ）の有価証券報告書データを可視化
- 項目数がかなり多かったので、3社とも「2023/04/01 ‐ 2024/03/31・主要な経営指標等の推移」のみを取り扱いました

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/e2ae21c1-b145-da75-c78b-adbde8b3236a.png)

→ この表を3社比較できるVizを作成しました

## データの取得
有価証券報告書のデータはEDINET（https://disclosure2.edinet-fsa.go.jp/week0010.aspx ）から簡単に取得することが出来ます。
今回は対象期間（2023/04/01‐2024/03/31）の「有価証券報告書」をCSV形式で3社分ダウンロードし使用しました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/fee36627-b7ee-c93b-2cad-544316deec29.png)

データはこんなかんじ。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/c944f4c5-3621-49f6-2ad7-14077ec55df2.png)

## データの前処理
- あらかじめCSVの先頭行に社名を入れておきます（Prepを使えば楽そうですがライセンスが無いので手作業で行いました…）
- 今回使いたいデータは項目名の末尾に「、経営指標等」と書いてあるものですので、データソースフィルタでそれ以外のデータを弾きます


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/8bd30c68-7242-a1b5-f894-0b02a3af8eeb.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/0de014fb-4038-7686-7115-713c37794bff.png)

- 項目名に「、経営指標等」は要らないので「、」でカスタム分割も行いました

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/bda76d1a-b22c-bfd1-46d0-4aaa88df79f0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/be20a287-b101-4610-a884-9550dd4f44bb.png)
→ これで項目名が綺麗になりました！

## シートの作成
- 基本の仕様：列に年度・行に値を投入し、社名ごとに折れ線グラフを作成し、有価証券報告書の項目を選択することによってその項目のグラフを表示

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/043629e2-f5f8-4e3b-7223-80fb1772008a.png)

以下、工夫した点
- リファレンスライン（0の定数線）を用い、値が正か負かをぱっと見で分かりやすくする

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/98c193db-f30b-4882-615f-ae5e1920d786.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/2a898c86-5f85-3d8c-995a-0c5546caf83c.png)

→ 「上を塗りつぶし・下を塗りつぶし」でリファレンスラインを境目として塗りつぶしが可能

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/3035a7d7-977b-accf-607b-ce2714055750.png)
こうなります

- シートのタイトルを選択項目名に
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/021fb55a-031a-4e64-4091-e0813cf4af75.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/8cf5a190-a6cb-155d-df8a-a327589fbb76.png)
→ ツールヒント同様、<ディメンション名>と入れればその値がタイトルに反映されます


- 「二重軸 → 軸の同期」でグラフを見やすく
これはDATASaberのカリキュラムでは必須のテクニックですね。
メジャーを複製し、片方の形を「円」にします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/a5e8dfb1-15f6-ccca-cde4-7dbf422129f4.png)

メジャーの1つを右クリックし、「二重軸」を選択します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/60174864-53ee-b79b-6dac-b31d8552c0f0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/5398506f-6da1-1214-0963-82cc653fae55.png)
→ 重なりました！が、微妙にズレてますね

右側の軸を右クリックし、「軸の同期」を選択します
（選択後は右側の軸は要らないので非表示でOK）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/90f9a754-7857-70c6-4528-e879a87dad04.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/d5a7d9ec-fe16-a58d-a333-c5c8baf16abf.png)

- （細かいですが）グラフの色は各行のテーマカラーを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/e022ae24-5e57-03c2-d679-2af324fa1466.png)


## Vizの作成

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/fa42a795-9acd-e965-9d8a-a7c680303023.png)

- 上2つはよく見るであろう項目（経常利益・経常収益）を配置しました
- 右下には選択項目を配置し、ラジオボタンで見たい項目を選ぶことで左下のグラフが変化します
- フィルターの設定を「浮動」にすると他オブジェクトに重ねて配置可能であることに気づきました。省スペース化に成功。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/9afa720e-a79e-c5ef-c5e5-56184dc4708b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3522398/3ad9ec94-fb09-b6e8-8592-31b1f1d97be9.png)


## おわりに
- 今回あまり内容を反映は出来ませんでしたが、VizをフィードバックしてくださったDATASaber師匠の皆様、ありがとうございました！

- 本VizはDATASaberBridge LT会のために作成したものを改良したものとなります！
↓ LT会の資料はこちら ↓
https://docs.google.com/presentation/d/1zUhcdHNkEFzcm0r9BlnuctE1RUKCAnhMQ-euROTAi1E/