1. Learn
  2. /
  3. Courses
  4. /
  5. R で学ぶ中級インタラクティブ可視化(plotly)

Connected

Exercise

bscols() でビューを配置する

bscols() 関数は、Bootstrap のカラムレイアウトを使って、plotly チャートのような HTML ウィジェットを柔軟に組み合わせるためのフレームワークです。この仕組みでは、コンテンツを配置できるカラムは常に 12 個あります。異なるセレクターを追加する前に、bscols() を使って作成したコンテンツの配置方法を理解しておきましょう。

plotly と crosstalk は読み込まれており、オブジェクト p97、p07、p17 は、それぞれ 1997 年、2007 年、2017 年の各州における持ち家率に対する HPI の散布図です。

Instructions 1/4

undefined XP
  • 1
    • bscols() を使って、p97、p07、p17 を 1 行に配置します。
  • 2
    • p97、p07、p17 のカラム widths をそれぞれ 6、3、3 に指定します。
  • 3
    • bscols() を使って、プロットを 1 行に配置します。
    • p07 が 5 カラムをまたぐように指定します。他の幅には NA を使ってください。
  • 4
    • 左カラムに p97、右カラムに p07 と p17 を配置します.