運用が楽なQuickSightダッシュボードを作る_2（説明文挿入）

# <font color="Red">2022.11.20追記</font>
QuickSightにアップデートがあり、テキストボックスが追加されました。
そちらの方が適切かと思われましたので、使い方を確認して記事にしました。

https://qiita.com/a_b_/items/c873bc39770deb239593

# はじめに
ダッシュボードの中に「その数値や、グラフになった理由」や「前回との変更点」など、可視化されたデータだけではわからない内容を、説明文として付け加えたい、という要望があると思います。
せっかく可視化したデータがあっても、見てほしい人が「グラフの読み方がわからない」や「何が言いたいのかわからない」などで見てもらえなくなってしまい、使われなくなることがあると聞きます。

今回は、以下の記事で作成したQuickSightのダッシュボードを用いて、日本語の説明文を挿入する方法を紹介します。

https://qiita.com/a_b_/items/b9a14658edce4c2ecad8

# やること
- インサイトというパーツを使用
    - その中に説明文が書けます。
- "ダッシュボード"に反映
    - "分析"のビジュアルを更新したら、"ダッシュボード"に反映する必要があります。

# よくありそうな課題
- グラフだけじゃわからない内容がある
    - 前回との差分
    - データの傾向が大きく変わった理由の洞察
- それらを説明する文章を入れ込みたい
    - 「yyyy年mm月分のデータを追加しました」
    - 「2月のデータが落ち込んでいるのは、2月11日の降雪の影響と思われます。」

# 構築
前回作った、東京都のコロナ感染者数のダッシュボードです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/06987afb-0907-4c52-5d51-ede0ff8b073e.png)
このダッシュボードに「2021年のデータを追加した」と「デルタ株で件数が多くなった」の2点の説明文を追加したいと思います。

## 追加
説明文を記載できるパーツは、変更する"分析"の左上の[追加]-[インサイトを追加]で挿入できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/7c281213-623e-88d1-0de7-7e9c40a626a5.png)

ポップアップが出てきますが、右上の×ボタンで閉じてしまってください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/77831e79-fd5e-688d-c221-ce21b1263b98.png)

インサイトのパーツが追加されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/7dbe9f50-3509-4949-c446-1e76aec5ca4f.png)

## 編集
先のパーツの「インサイトをカスタマイズ」をクリックして編集します。
編集画面が出てきます。今回は左側のエディタのみを使います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/649c5fc6-41b6-76f6-fcf6-86dc78cb6091.png)

説明文を書いてみました。右上の「保存」で元の"分析"に反映されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/9c76cd17-d884-4a35-a2a1-ef456c5d3020.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/d5ae8a62-6264-9115-a2c6-d4ebfb8ba566.png)

余白が大きいので小さくして、さらに配置換えしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/803c243c-d87b-0559-7111-38295707646f.png)

他のビジュアルと同様に、タイトル部分をダブルクリックで編集できます。
また、「説明をカスタマイズ」から文章を編集できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/f1616487-4b02-efa3-a451-d6eef93bb385.png)

際立たせたい場所を色々いじってみました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/451ffb35-ed58-2a89-725b-00e59d5b35a9.png)

## "ダッシュボード"に反映
"分析"でビジュアルを編集したので、（作ったのであれば）公開している"ダッシュボード"に反映しないと、"ダッシュボード"は前の状態のままです。
前回の図を再掲して説明になりますが、今は下の"分析"を修正した段階です。そのためビジュアルを"ダッシュボード"に反映する必要があります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/8948a8a7-06c5-3d58-ffd5-1ef3109ebe1c.png)

右上の[共有]-[ダッシュボードの公開]を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/758cef2d-5da2-3a03-5613-f2d25bbf1d09.png)

ポップアップが出てきます。既に作ったものがあれば、それを置き換えます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/1984afba-4433-dc9f-c245-ecd4ae62c5b5.png)

"ダッシュボード"を確認すると、説明文が追加されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/553680/920db109-c0be-aec9-c64a-84eb82a2c810.png)



# おわりに
QuickSightのダッシュボードに、説明文を挿入してみました。
説明文が付けられることで、リテラシーが低い方にも伝わるダッシュボードにすることができると思います。

次回は、この説明文の中に計算式を埋め込んで文中の数字が自動で変わる、自動ナラティブの作り方を記事にしたいと思います。