1. 학습
    2. /
  2. 강의
    3. /
  3. R로 배우는 plotly 중급 인터랙티브 데이터 시각화
Connected

연습 문제

bscols()로 뷰 배치하기

bscols() 함수는 Bootstrap 컬럼 레이아웃을 사용해 plotly 차트 같은 HTML 위젯을 유연하게 조합할 수 있는 프레임워크를 제공합니다. 이 시스템에서는 콘텐츠를 배치할 수 있는 컬럼이 항상 12개라는 점을 기억하세요. 서로 다른 선택기를 추가하기 전에, bscols()로 만든 콘텐츠를 어떻게 배치하는지 이해하는 것이 중요합니다.

plotly와 crosstalk은 미리 로드되어 있으며, 객체 p97, p07, p17는 각각 1997년, 2007년, 2017년에 대해 각 주의 자가주택 보유 비율 대비 HPI를 나타낸 산점도입니다.

지침 1/4

undefined XP
  • 1
    • bscols()를 사용해 p97, p07, p17를 한 줄(단일 행)에 배치하세요.
  • 2
    • p97, p07, p17의 컬럼 widths를 각각 6, 3, 3으로 지정하세요.
  • 3
    • bscols()를 사용해 플롯을 한 줄에 배치하세요.
    • p07이 5개의 컬럼을 차지하도록 지정하세요. 다른 너비에는 NA를 사용하세요.
  • 4
    • 왼쪽 컬럼에는 p97을, 오른쪽 컬럼에는 p07과 p17을 배치하세요.