1. Learn
  2. /
  3. कोर्स
  4. /
  5. Dash と Plotly で作るダッシュボード

Connected

अभ्यास

磨きをかけた売上ダッシュボード

第1章で登場した e-commerce 企業から依頼があり、以前に作成した基本的な概念実証用の売上ダッシュボードを拡張するための予算が出ました。

スタイリングやレイアウトのスキルを身につけた今、このダッシュボードをプレゼンに耐える仕上がりにできます。

おさらいとして、同社は月次の総売上の折れ線グラフ、国別の総売上の棒グラフ、そして期間中の最大注文数量に関するハイレベルなサマリ統計を希望しています。今回は、これらを横並びで表示し、コーポレートのスタイルガイドに合わせて淡い青の背景にしてほしいとのことです。さらに、ブランドをはっきり示すため、メインタイトルの左右に 1 つずつロゴを配置してほしいという要望があります。

निर्देश

100 XP
  • 行17の下に、25px のマージンを付けて、H1 の横に左側のロゴを追加します。
  • 行22の下に、25px のマージンを付けて、H1 の横に右側のロゴを追加します。
  • 行25の下に、折れ線グラフを 500px の幅、横並び、5px のマージンに設定します。
  • 行28の下に、棒グラフを 350px の幅、横並び、5px のマージンに設定します。