導入
以下のような、売り上げの前年比成長率を可視化したダッシュボードを作成してみました。
十分機能しますが、グラフやフィルター、色の凡例などをそのままダッシュボードに配置して作成したため、簡単に言えば視覚的にメリハリがなく、どこまでがグラフやチャートなどのデータ可視化なのか、どこまでがタイトルやフィルタ、色の凡例などの補助的情報や機能なのかが分かりにくくなっています。
この問題ではこのダッシュボードの見た目を整え、よりグラフに目を向けやすくなるように改善しましょう。
問題Workbook
(クリックしてTableau Publicに移動)
解答要件
- ダッシュボードサイズ: 1000 x 800 px
- シート数: 3
- Starterダッシュボードをこちらからダウンロードする
- もちろん、グラフ含めて最初から作成しても大丈夫です。
- 以下の要件を満たすようにダッシュボードを整える
- ダッシュボードとシートのタイトルを任意の文字色に変更し、太字にする。
- グラフの左側に、シートに直接隣接する4pxの線を加える（1pxの隙間も無いようにする）。
- Monthly Salesのグラフの下に余白を加える（目安20px程度）。
- Sales by StateのグラフとSales by Categoryのグラフの間に余白を加える（目安20px程度）。
- 色の凡例、フィルタ、PDFとイメージのダウンロードのボタンが格納された垂直コンテナについて：
- グレーの背景色および細い点線を追加する。
- 凡例とフィルタのタイトルを大きくし太字にする。
- コンテナを表示する/隠すボタンをダッシュボードタイトルの右側に表示する。
- クリック時にコンテナの表示有無が切り替わることを確かめること。
- PDFとイメージのダウンロードボタン、コンテナの表示切替ボタンの色を適切に変更すること。
データセット
Sample Super Store 2023.1を使用
データはこちらから
参考/インスピレーション
提出について
こちらから提出ください。
またTwitterなどに#TableauChallengeで回答を投稿ください。
Tableau Challenge 