LoginSignup
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@run_way(run_way)

QuickSighat　ヴィジュアル作成tips

Last updated at Posted at 2024-01-23

QuickSightユーザーガイド
https://docs.aws.amazon.com/ja_jp/quicksight/latest/user/setting-up.html

https://catalog.us-east-1.prod.workshops.aws/workshops/aa601d0b-84c9-4f77-b9a7-5954d8574cd5/ja-JP/2-build-your-first-dashboard/create-analysis-and-publish-dashboard/visuals-and-calculations#
上記サイトから学んだQuickSightでグラフを作るときの操作法まとめ

#　売上データを月単位で表示

  • 特定の金額単位にしたいフィールド>・・・クリック>集計で通過などに切り替えれる
    スクリーンショット 2024-01-23 12.32.14.png

  • 月単位の単位にしたいフィールド>・・・クリック>集計で通過などに切り替えれる
    スクリーンショット 2024-01-23 12.32.06.png

  • 日付表示形式を変更する

  • オーダー日付の ... をクリックして、形式=>その他のフォーマットオプションを選択します。左ペインで、日付でを選択、指定のものに変更する
    スクリーンショット 2024-01-23 12.35.59.png

スクリーンショット 2024-01-23 12.36.34.png

ビジュアル上部のタイトルを変更する

  • ビジュアル左上部にあるタイトルは自動的に作成されたものですが、変更可能です。右ペインにあるプロパティのビジュアル下にあるディスプレイ設定を選択し、タイトルを編集の右にあるペンシルマークのアイコンを選択し、分かりやすい表現、例えば 売上の推移（月単位）とし、保存をクリックします。次に、X軸をクリックし、タイトル右のアイコンをクリックし無効化、データズームを表示の右にあるアイコンをクリックし、無効化します。同様に、Y軸のタイトルも無効化します。

右ペインにプロパティが表示されていない場合は、ビジュアルの右上のビジュアルのフォーマットアイコンをクリックしてください

予測を追加する

  • ビジュアル右上の・・・から予測追加をおす
    スクリーンショット 2024-01-23 12.43.22.png

スクリーンショット 2024-01-23 12.43.32.png

新しいビジュアルを追加する

  • 左ペインのビジュアルの下にある ＋追加 を押すと 新しいビジュアルがシートに追加されます。
  • スクリーンショット 2024-01-23 12.45.27.png

タイトル表示削除

  • 右ペインのプロパティより、ディスプレイ設定を選択し、タイトルを編集の右にあるアイコンをクリックし、無効化します。
    スクリーンショット 2024-01-23 12.47.56.png

KPI値を比較値で表現する

  • 右ペインのプロパティより、KPIオプションを選択し、表示されるプライマリ値で"比較"を選択し、セカンダリ値のフォントで"大"を選択します。

右ペインにプロパティが表示されていない場合は、ビジュアルの右上のビジュアルのフォーマットアイコンをクリックしてください
スクリーンショット 2024-01-23 12.51.36.png

作成した売上の時系列グラフからインサイト（説明文） を作成する

  • 上部メニュー下アイコンより、インサイトを選択
    スクリーンショット 2024-01-23 13.00.59.png

  • スクリーンショット 2024-01-23 13.06.43.png

推奨インサイトのリストより、成長率をクリックすると、右に ＋アイコンが表示されます。それをクリックします。

スクリーンショット 2024-01-23 13.02.17.png

  • 文章は自分で文章をカスタマイズすることが可能です。ビジュアル右のアイコンより ...　を選択し、説明をカスタマイズを選択します。

データラベルのオーバーラップを許可する

  • データラベルの右にあるアイコンを選択し有効化し、位置で バーの内側 を選択し、データラベルのオーバーラップを許可右のアイコンをクリックし有効化します。

スクリーンショット 2024-01-23 14.50.11.png

スクリーンショット 2024-01-23 14.49.58.png

ドリルダウン機能を追加する

  • 、フィールド定義のY軸に、フィールドリストから顧客名をドラッグし、産業の下に移動すると、下図のようにドリルダウンレイヤーの追加と表示されるのでドロップ

スクリーンショット 2024-01-23 13.16.37.png

特定のカテゴリに関係するドリルダウンしたいをみたい(例ではエネルギーカテゴリに関係ある顧客名だけみる)

  • エネルギーのバーをクリックし、顧客名までドリルダウンをクリック
    スクリーンショット 2024-01-23 14.51.17.png

-エネルギーカテゴリに関係した顧客名が表示され、フィルターにもエネルギーでフィルターされてあることが確認できる
スクリーンショット 2024-01-23 14.52.59.png

ワードクラウドの使い方。

  • ヴィジュアルでワードクラウドを使うと以下のようなvizが作れる
    スクリーンショット 2024-01-23 14.59.42.png
    スクリーンショット 2024-01-23 15.01.35.png

フィルターを適用する

  • フィルターをかけたいヴィジュアルを選択し、メニュー下のアイコンからフィルターを選択
    スクリーンショット 2024-01-23 15.07.10.png

  • 追加をクリックし、フィルターしたい項目をクリック
    スクリーンショット 2024-01-23 15.08.00.png

  • 選んだカテゴリの右側の・・・を押して、編集をクリック
    スクリーンショット 2024-01-23 15.08.50.png

  • フィルタータイプや適用先などを選択する。
    スクリーンショット 2024-01-23 15.09.54.png
    スクリーンショット 2024-01-23 15.09.59.png

  • 再度フィルターで選んだカテゴリの・・・をクリックして「シートに追加」を押す
    スクリーンショット 2024-01-23 15.13.28.png

  • シートにフィルターが追加される
    スクリーンショット 2024-01-23 15.15.08.png

フィルターで他のフィルターと関連する情報のみを表示するようにしたい

  • フィルタークリック>右端のプロパティペイン>コントロールオプション>関連する値の変更で他の関連させたいフィルターにチェックをつけて適用する
  • 以下画像はエネルギーだけをチェックつけてそれに関連するセクターの値もだいしている。
    スクリーンショット 2024-01-30 16.27.45.png
    スクリーンショット 2024-01-30 16.30.57.png

計算フィールドを使用する

  • 左上のデータ>計算フィールドを追加をクリック
    スクリーンショット 2024-01-23 15.21.37.png

  • 以下のような画面が出てくるのでここで条件文を書く
    スクリーンショット 2024-01-23 15.28.41.png

  • フィールドに追加される
    スクリーンショット 2024-01-23 15.29.34.png

時系列（月単位）でディスカウントの平均％を集計したい

  • 左上のデータ>計算フィールドを追加をクリック
    スクリーンショット 2024-01-23 15.21.37.png

スクリーンショット 2024-01-23 15.40.01.png

##　ヴィジュアルの複製
複製したいヴィジュアルをクリックし、右上の・・・からヴィジュアルの複製をクリック
スクリーンショット 2024-01-23 15.43.54.png

アイコンを追加する

  • ビジュアルの右上より　... を選択し、条件付き書式設定をクリックします
    スクリーンショット 2024-01-23 15.58.50.png

  • 対象となるフィールドを選択し、アイコンを追加するをクリック

スクリーンショット 2024-01-23 15.59.53.png

  • 条件をつける
    スクリーンショット 2024-01-23 16.02.11.png

ダッシュボードの公開

  • 右上の公開ボタンをクリックします

アクションの設定

-　アクションを設定したいvizをクリックし右上の・・・からアクションをクリック
スクリーンショット 2024-01-23 16.27.16.png

  • 以下画像に記載されているもののどちらかを選択する
    スクリーンショット 2024-01-23 16.28.19.png

  • 出てきたアクション名の・・・をクリックし、編集をクリック
    スクリーンショット 2024-01-23 16.29.04.png

  • フィルタアクションやフィルタをかける範囲を選択して保存を押す
    スクリーンショット 2024-01-23 16.30.22.png

  • 以下画面のようにフィルタが効いている状態になる
    スクリーンショット 2024-01-23 16.32.42.png

レイアウトを変更したい

  • 左上のシート>レイアウトの設定をクリック
    スクリーンショット 2024-01-23 16.39.59.png

  • シートのレイアウトが出てくるのでそこから選択する。

スクリーンショット 2024-01-23 16.40.51.png

種類の説明は以下の通り

  • タイル
    -- ビジュアルは、標準の間隔と配置でグリッドにスナップします。ダッシュボードは設計どおりに表示され、画面に合わせたり、実際のサイズで表示したりできます。
    モバイルデバイスでは、ダッシュボードは、単一の列に調整 (ポートレートモード) されるか、設計されたとおりに正確に表示 (ランドスケープモード) されます。
    グリッドレイアウトでビジュアルの大きさにあわせてビジュアル同士が重ならないように位置が調整されたりスナップされます

  • フリーフォーム
    -- ビジュアルは、正確な座標で任意の場所 (重複を含む) に配置できます。ダッシュボードは設計どおりに表示され、画面に合わせたり、実際のサイズで表示したりできます。

  • クラシック
    -- ビジュアルは、標準の間隔と配置でグリッドにスナップします。ダッシュボードでは、小さな画面サイズに合わせてデータを非表示にするか、書式を変更します。

  • フリーフォームにするとvizを最前面に移動などすることが可能になる
    スクリーンショット 2024-01-23 16.48.56.png

  • プロパティの内容も多少変わる
    スクリーンショット 2024-01-23 16.52.06.png

カスタムテーマの作成と適用

  • 左上の編集>テーマをクリック
    スクリーンショット 2024-01-23 16.54.29.png

  • 右側ペインにテーマが出てくるので、好みのテーマを選び、・・・を押して別名で保存をクリック(適用を押した場合はそのテーマが今開いているvizに適用されます。)

スクリーンショット 2024-01-23 16.55.26.png

-メイン、データ、レイアウト、その他でvizの背景色や全体の色を決めることができる
スクリーンショット 2024-01-23 16.57.25.png
スクリーンショット 2024-01-23 16.57.29.png
スクリーンショット 2024-01-23 16.57.34.png
スクリーンショット 2024-01-23 16.57.42.png

  • テーマをカスタムしたら右上の保存をクリック
    スクリーンショット 2024-01-23 16.58.10.png

-右側ペインのテーマの中に自分が作成したテーマができるので、・・・を押して適用をクリック
スクリーンショット 2024-01-23 16.58.39.png
スクリーンショット 2024-01-23 16.58.43.png

-テーマが適用されたことを確認して完了
スクリーンショット 2024-01-23 16.59.00.png

データセットの複製

  • QuickSightコンソール画面より、画面左にあるデータセットをクリックします。前章で作成したデータセットが一覧に表示されるので、そのデータセットの右端にある ... をクリックし、複製 を選択します。

  • スクリーンショット 2024-01-26 12.08.42.png

  • データセットの複製 ダイアログで、複製するデータセット名を入力し、複製ボタンを押します。

  • スクリーンショット 2024-01-26 12.08.54.png

  • データセットが複製されたら、そのデータセットの右端にある ... をクリックし、編集 を選択します。

  • スクリーンショット 2024-01-26 12.09.05.png

地理空間階層の作成

スクリーンショット 2024-01-26 12.10.48.png

  • 左ペインから階層を作りたいフィールドの右側の・・・をクリックして下記画像のように設定
    スクリーンショット 2024-01-26 12.12.01.png

スクリーンショット 2024-01-26 12.15.19.png

利益率(行)を出す

{利益}/{売上}

利益率(集計)

sum({利益})/sum({売上})

それぞれの列の合計を求める

  • ヴィジュアルの右上・・・をクリックして合計を表示を押す
    スクリーンショット 2024-01-26 12.33.23.png

加法演算でない計算について

利益率（行） の計算では、各行レベルで割り算が実施され、年による(合計)集計や合計処理はその合計値を算出しており、間違った結果になっています。フィールドウェル上でも集計処理が合計になっています。

この場合、年単位で、利益の合計値と売上の合計値を算出し、その結果を割り算するのが正しい方法となり、利益率（集計） による計算式がその正しい結果になっています。その計算フィールドの合計行は、全利益と全売上の割り算で算出されていることも確認できます。また、この場合、フィールドウェル上の集計処置もカスタムとなっています。このように、加法演算でない場合は、集計指標を使用する必要があります。

（加法演算の場合は、「初めてのダッシュボードを作成する」の計算フィールド作成でも記載していますが、集計計算に影響されないので、データセットレベルで計算フィールドを作成することをお薦めします。推奨する理由などその違いについては、このブログ の計算フィールドをデータ準備ステージへ移動するのセクションを参照ください）

2軸にしたい

表示される折れ線グラフは、売上と利益率の２つの指標による線が描かれていますが、Y軸の単位が合わないため、利益率の線は０に近くで描かれておりほとんど見えません。このようなケースは、Y軸を２種類にすることで、異なる範囲のデータを1つのグラフに表示することができます。

フィールド定義の　**...**をクリックして、次で表示:左Y軸 -> 右Y軸 を選択します。これでどちらの軸でグラフのY軸を見るかが決まります。
スクリーンショット 2024-01-26 14.47.29.png

スクリーンショット 2024-01-26 14.49.43.png

フィールドごとに値をみたい

折れ線グラフなどにある、Small Multiplesに分けたいフィールドを入れる

フィルターをシートに追加する

  • フィルターの・・・を押してシートに追加を押す

フィルターのフォーマットを決める

  • 上記でフィルターをシートに追加したら追加フィルターの・・・を押してフォーマットコントロールを出して、フィルターの表示方法やタイトルなどを決めることができる
    スクリーンショット 2024-01-26 15.19.44.png
    　
    スクリーンショット 2024-01-26 15.19.34.png

パラメータを作成

メニュー下のアイコンからパラメータを選択し、表示されたパラメータペインから作成... をクリックします。
スクリーンショット 2024-01-30 15.26.55.png

新しいパラメータを作成が表示されたら、名前にPeriodを入力、データタイプは文字列のままで、静的デフォルト値に3- 月を入力し、作成ボタンを押します。

スクリーンショット 2024-01-30 15.21.09.png

パラメータを接続： ダイアログで、コントロールを選択します。

スクリーンショット 2024-01-30 15.21.18.png

コントロールを追加ダイアログで、
名前に集計粒度の選択：を入力
スタイルで一覧を選択
特定の値を定義で、 1- 年 2- 四半期 3- 月 4- 週 5- 日を入力
パラメータにデフォルト値が設定されている場合... にチェックを入れます。
追加ボタンを押します。

スクリーンショット 2024-01-30 15.21.36.png

パラメータリンクのコントロールは、シート名下のコントロールの ∨をクリックすると、作成されたコントロールを確認することができます。

上部コントロールのドロップダウンを選択し、右上に表示される ... をクリックし、シートに移動を選択します。

線グラフにマーカーをつける

以下完成予想図
スクリーンショット 2024-01-30 15.38.58.png

  • マーカーをつけたいグラフをクリックし、右ペインにあるプロパティのビジュアル下にあるディスプレイ設定を選択し、データ系列を選択します。

スクリーンショット 2024-01-30 15.41.01.png

  • スタイル設定する系列を選択をクリックし、マーカーをつけたいフィールド を選択し、マーカーを有効化します。マーカーの色や種類、大きさを変えることができます
    スクリーンショット 2024-01-30 15.41.55.png

Amazon QuickSight のデータズームとは、

ビジュアルの下にある青いバーの両端をつまんで左右に伸縮させることで、一度に表示する範囲を指定できる機能です。

#利益率（行）
{利益}/{売上}

利益率（集計）

sum({利益})/sum({売上})

パラメーターを使用してグラフを変える

まず、集計粒度を定義するパラメータを作成し、そのパラメータにリンクしたコントロールフィルターを作成します。

メニュー下のアイコンからパラメータを選択し、表示されたパラメータペインから作成... をクリックします。

新しいパラメータを作成が表示されたら、名前にPeriodを入力、データタイプは文字列のままで、静的デフォルト値に3- 月を入力し、作成ボタンを押します。

パラメータを接続： ダイアログで、コントロールを選択します。

コントロールを追加ダイアログで、

名前に集計粒度の選択：を入力
スタイルで一覧を選択
特定の値を定義で、 1- 年 2- 四半期 3- 月 4- 週 5- 日を入力
パラメータにデフォルト値が設定されている場合... にチェックを入れます。
追加ボタンを押します。

パラメータリンクのコントロールは、シート名下のコントロールの ∨をクリックすると、作成されたコントロールを確認することができます。

上部コントロールのドロップダウンを選択し、右上に表示される ... をクリックし、シートに移動を選択します。

コントロールがシートに移動し、設定したリストが一覧表示されていることが確認できます。

このリスト・コントロールは、今回作成したパラメータ: Period にリンクいているので、このリストで選択した値がパラメータ: Periodに入ることになります。

1−6

次に、このパラメータ値に応じて、オーダー日付の集計粒度を変更する計算フィールドを作成します。truncDate()関数 を使用すると、指定した期間に応じて、その日付フィールドの値を返してくれるので、この関数を、パラメータ値に応じて使用します。条件式には switch() を使用します。

画面左データペインにある ＋計算フィールドボタンをクリックし、表示されたエディタ画面で、計算フィールド名に選択された集計粒度と入力し、その下の計算式で、
switch(${Period}, '5- 日',truncDate("DD",オーダー日付), '4- 週',truncDate("WK",オーダー日付), '3- 月',truncDate("MM",オーダー日付), '2- 四半期',truncDate("Q",オーダー日付), truncDate("YYYY",オーダー日付) )
を入力します。
画面右の保存ボタンを押し、作成した計算フィールドがフィールドリストに表示されていることを確認します。
前項で作成した積み上げ棒コンボグラフを選択し、フィールドウェルに表示されるX軸に、作成した計算フィールドをドラッグ＆ドロップで置換えます。
置き換えられた計算フィールドの ...を選択し、集計=>日 を選択し、同様に、形式でその他のフォーマットオプションを選択し、日付をクリックし、日本語の年月日を選択します。
同様に、時系列の折れ線グラフについても実施します。
設定は完了しているので、リストより異なる集計粒度を選択し、２つの時系列グラフのX軸の集計がダイナミックに変更されるか確認します。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?