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

演習

Dash に HTML リストを追加する

あなたがデスクで作業していると、マーケティング部の人があなたの直近の小さなダッシュボードを見かけ、同様のものを作ってほしいと依頼されました。総売上額の上位カテゴリを棒グラフで表示し、その下に上位のいくつかのカテゴリをひと目で確認できるようリストで示したいとのことです。

いくつかスタイル上の要望もありますが、最近の HTML と Dash の取り組みからして、いずれも対応可能な範囲に見えます。

あなたのタスクは、作成済みのダッシュボードを拡張し、上位カテゴリとその売上数量のリストを追加することです。

指示

100 XP
  • 行 20 の下に、Dash を使って順序付きリストを作成します。
  • 行 22 の下にある順序付きリストに、num1_cat と num2_cat の各変数とその売上数量を含むリスト要素を 2 つ追加します。
  • 行 26 の下に改行を追加し、著作権表記が独立した行に表示されるようにします。