시작하기무료로 시작하기

슬라이더 추가하기

슬라이더 필터를 사용하면 특정 범위로 수치형 변수를 제한하여, 그 범위에 해당하는 데이터만 그래프에 반영되도록 쉽게 업데이트할 수 있어요. 이번 연습에서는 2017년 주택 보유율 대비 주택 가격 지수 산점도에 두 개의 슬라이더 필터를 추가해 보겠습니다. 각 축에 하나씩 넣어 주세요.

plotlycrosstalk은 이미 로드되어 있고, 데이터는 us2017에 저장되어 있어요.

참고: 슬라이더를 보려면 HTML 뷰어에서 아래로 스크롤하거나 팝아웃해야 할 수 있어요.

이 연습은 강의의 일부입니다

R로 배우는 plotly 중급 인터랙티브 데이터 시각화

강의 보기

연습 안내

  • 산점도 p17 아래에 슬라이더 필터 두 개를 배치하세요. 첫 번째 슬라이더는 주택 가격 지수(house_price), 두 번째 슬라이더는 주택 보유율(home_owners)에 대응해야 해요.
  • 슬라이더 레이블은 p17의 축 제목과 동일하게 "HPI""Home ownership (%)"로 지정하세요.

실습형 인터랙티브 연습

이 예제를 이 샘플 코드를 완성하여 풀어보세요.

shared_us <- SharedData$new(us2017)
p17 <- shared_us %>%
  plot_ly(x = ~home_owners, y = ~house_price, 
          color = ~region, height = 400) %>%
  add_markers() %>%
  layout(xaxis = list(title = "Home ownership (%)"), 
         yaxis = list(title = "HPI"))
  
# add a slider filter for each axis below the scatterplot
___(
  ___(p17,
      ___(id = "price",  label = ___,  sharedData = ___,  column = ___),
      ___(id = "owners",  label = ___,  sharedData = ___, column = ___)
  )
)
코드 편집 및 실행