1. 学ぶ
    2. /
  2. コース
    3. /
  3. Dash と Plotly で作るダッシュボード
Connected

演習

CSS で Dash アプリをスタイリングする

いよいよ CSS の力を活用して、ダッシュボードを一段レベルアップさせましょう。作成したマーケティングダッシュボードをより見やすくしたいと考えており、ビジネスのステークホルダーに見せたいアイデアがいくつかあります。

グラフやロゴのサイズを調整し、要素ごとに背景色を加えると、ぐっと見栄えが良くなります。

指示

100 XP
  • 行 16 の下に、ロゴのサイズを幅 215px、高さ 240px に設定します。
  • 行 21 の下に、棒グラフのサイズを幅 500px、高さ 350px に設定します。
  • 行 30 の下に、コピーライト表記に lightgrey の背景色を追加します。