何をすれば良いデザインの Viz を
作れそうか調べてみた

自己紹介

Profile Image
nk(えぬけ〜)
  • 業務:データ前処理,データ可視化,アプリケーション作成などなど
  • 普段はPowerBI→先日なんとかDATASaberになれました。

DATASaber になった!🙌

...
...
...
...
...
...
...

でもかっこいい Viz つくれないな...?

🤔

  • これまで作ってきた Viz...デフォルトの機能しか使ってない
  • 対して Tableau Public にあるのはとてもデフォルトの機能で
    作ったものとは思えない...
  • どうやったら良いデザインの Viz を作れそうか"初めて"
    調べてみた 🔨

1.Figma で公開されているテンプレートを使う

画像

Web アプリのデザインのように編集 → Export

左側の画像
右側の画像

テンプレート通りの Viz が作成

画像 画像

しかし...

  • 無料版が 10 回までの Export...
  • デザイン →Viz となるとデータ探索はしづらい気がする...
  • 今回は断念

2.カスタムテーマを使用する方法

  • Viz 作成はそのまま
  • 書式設定だけ json で作成できる
  • json を一から書くのは...→ 便利なサイトが!

ブラウザ上で色合いを試せるサイトが!

画像

自由に書式をカスタマイズして json を出力

画像 画像

カスタムテーマをインポート!

画像 画像

カスタムテーマは手頃に使えそう

  • 比較的色々な色合いを手軽に試せる。
  • Viz のサイズなどは(おそらく)自分で変更
  • 簡易的な用途なら必要十分

番外編:marp に埋め込む

Tableau に Web ページ埋め込み機能が...
→html に埋め込もう 画像

tableau を埋め込んだ html を iframe で marp に

グラスモーフィズムの CSS をあてる

まとめ

  • 簡単に使うなら「カスタムテーマ」
  • html + css を使える状況なら埋め込みもあり?
    そういう状況が果たしてあるか...
  • もっと自由に CSS とかあてられたらな...