コントローラー風Viz

ロジックも必要ですが、機を見てロジックを脱する思考と行動がとても大切だと私は思っています。
- 岩田 聡 -

今回はTableauできる表現を組み合わせて、スーパーファミコンのコントローラー風のVizを作成してみました。

ボタンを押すとちゃんと作動するのがポイントです。

スクリーンショット 2024-02-23 9.41.10


コントローラー風Vizのつくり方

必要なパーツをそれぞれ作成し、最後にダッシュボード上で配置していきます。


<右側のボタン>
右側のボタンは円と線グラフを二重軸で組み合わせて作成します。
連番を振るINDEX関数を使用し、右肩上りにすることができます。
スクリーンショット 2024-02-23 9.45.13


<スタートボタン・セレクトボタン>
こちらは同様の手順で、線グラフのみで作成をします。
スクリーンショット 2024-02-23 9.47.14


<十字キーボタン>
こちらは平行線になるようにMIN(1)をメジャーとして使用し、横線と縦線をそれぞれ作成します。
スクリーンショット 2024-02-23 9.49.00
スクリーンショット 2024-02-23 9.49.15


<本体>
本体は2つの表現を組み合わせて作成しました。

1つは円を2つ並べて作成します。
スクリーンショット 2024-02-23 9.51.08

もう1つは注釈をワークシートいっぱいに広げて作成します。
スクリーンショット 2024-02-23 9.52.54
スクリーンショット 2024-02-23 9.52.03

注釈は本来グラフへのコメントを追記する機能ですが、今回は見た目をつくるための表現として使用しました。

注釈は書式設定で「コーナー」を指定することができ、四隅を丸みを帯びた表現にすることができます。
スクリーンショット 2024-02-23 9.53.20


最後に作成したワークシートを組み合わせて完成です。
スクリーンショット 2024-02-23 9.56.37


アクション機能をつけることで、ボタンを押してグラフにフィルターをかけることもできます。
スクリーンショット 2024-02-23 9.57.36
スクリーンショット 2024-02-23 9.57.50



まとめ

今回は面白グラフとして、コントローラー風のVizを作成してみました。
本質的な使い方ではありませんが、ぜひ遊んでみてください!

Tableau Public『SUPER Famicom』