새로운 semantic . dashboard 패키지 로 뛰어난 대시 보 드 만들 기 | THE - R 
 새로운 semantic . dashboard 패키지 로 뛰어난 대시 보 드 만들 기 
 2019 - 06 - 06 | Uncategorized | 0 
 우리 모두 는 Shiny 가 대화 형 데이터 시각화 에 적합 하 다는 것 을 알 고 있 습니다 . 그러나 때로 는 하나 의 반짝이 는 페이지 에 모든 그래프 를 맞추 기 위한 최선 의 시도 조차 도 충분 하 지 않 습니다 . 우리 의 경험 으로 볼 때 , KPI 가 증가 하 는 거의 모든 프로젝트 는 지저분 하 고 읽 을 수 없 는 최종 보고서 의 문제 로 어려움 을 겪 습니다 . 여기 대시 보드 가 편리 한 것 처럼 보입니다 . 대시 보드 를 사용 하 면 보고서 를 섹션 , 패널 및 탭 으로 구분 하 여 보고서 를 직관 적 으로 구성 할 수 있 습니다 . 덕분 에 최종 사용 자 가 작업 을 훨씬 쉽 게 탐색 할 수 있 습니다 . 
 shinydashboard 괜찮 은 일 을 여기 서 해 . 그러나 앱 을 사용 하 여 여러 개 의 앱 을 만들 면 모두 똑같 아 보이 고 지루 하 다는 것 을 빨리 알 수 있 습니다 . 이 자습서 에서 는 semantic . dashboard 패키지 를 활용 하 는 방법 을 보여 드리 겠 습니다 . 이것 은 Semantic UI 를 shinydashboard 사용 하 는 대안 입니다 . 덕분 에 앱 에 아름다운 시맨틱 구성 요소 를 도입 하 고 다양 한 테마 중 에서 선택 할 수 있 습니다 . 
 시작 하 기 전 에 : semantic . dashboard 아직 설치 하 지 않 은 경우 자세 한 지침 을 보 려면 이 GitHub 페이지 를 방문 하 십시오 . 
 빈 대시 보 드 만들 기 부터 시작 하 겠 습니다 . 
 비교 를 위해 당신 은 당신 이 변경 되 면 어떻게 되 는지 확인 할 수 library ( semantic . dashboard ) 에 library ( shinydashboard ) . 당신 이 보 아야 할 것 은 이런 것 입니다 : 
 거의 아무런 노력 없이 첫 번 째 semantic . dashboard 앱 을 위한 골격 을 만들 었 습니다 . 
 이제 대시 보드 의 기본 구성 요소 에 대해 논의 할 시간 입니다 . 각각 dashboardPage 은 세 가지 요소 로 구성 됩니다 . 
 사이드 바 , 
 신체 . 
 현재 우리 의 헤딩 은 아주 지루 하 므로 제목 을 추가 하 고 색상 을 변경 해 보 겠 습니다 . 
 우리 는 사이드 바 가 너무 넓 어서 더 기능 적 으로 만들 필요 가 없 으며 두 개 의 메뉴 요소 를 추가 합니다 . 
 나쁘 지 않 다 ! 우리 는 우리 아이콘 에 몇 가지 아이콘 을 추가 하 여 더 잘 할 수 있 습니다 menuItem . 너 혼자 할 수 있 어 ? 
 이 섹션 에서 는 앱 에 콘텐츠 를 채우 기 시작 합니다 . 우리 는 대중 교통 데이터 세트 “ mtcars ” 를 사용 합니다 . 이 데이터 세트 는 1974 Motor Trend US 잡지 에서 추출 되 었 습니다 . 이 잡지 는 32 개 의 구식 자동차 의 일부 매개 변수 로 구성 됩니다 . 그 전 에 탭 을 사용 하 여 신체 의 내용 을 변경 하 는 방법 을 알 고 있 는지 확인 합시다 . 다음 코드 를 살펴보 십시오 . 
 우리 는 tabItems 와 tabName 똑같 은 두 개 의 s 를 만들 었 습니다 menuItem . selected 의 매개 변수 를 tabItems 우리 에게 tabItem 응용 프로그램 을 실행 한 후 선택 하 여 표시 되 어야 합니다 . 
 그 지식 을 갖추 고 , 우리 는 마침내 정말로 기능 적 인 것 을 구현 할 수 있 습니다 . 우리 는 자동차 의 기어 박스 유형 과 갤런 당 매개 변수 간 의 관계 를 설명 하 는 간단 한 플롯 을 작성 하 는 것 으로 시작 합니다 . 에서 shinyServer 함수 를 우리 는 전화 : 
 우리 가 사용 ggplot 2 하 고 있 기 때문 에 스크립트 의 시작 부분 에 이 패키지 를 첨부 하 는 것 을 잊 지 마십시오 . 
 이 데이터 세트 에서 다른 플롯 을 만들 려고 합니다 . 따라서 메인 페이지 를 두 섹션 으로 나누 어 봅시다 . 우리 는 fluidRow 우리 의 첫 번 째 기능 의 내용 을 교환 할 수 있 습니다 tabItem : 
 앱 이 실행 중 인지 확인 하 는 것 이 좋 습니다 . 대답 이 ‘ 예 ’ 인 경우 다음 절로 진행 하 십시오 . 그렇 지 않 은 경우 이전 단계 를 모두 수행 했 는지 확인 하 십시오 . 
 대화 형 항목 
 대화 형 플롯 을 대시 보드 에 추가 하 는 것 에 대해 어떻게 이야기 합니까 ? 자동차 의 무게 와 갤런 당 마일 사이 의 관계 를 나타 내기 위해 “ 음모 ” 를 사용 합시다 . 나 는 그곳 에 몇 가지 추가 정보 를 포함 시킬 수 있 기 때문 에 여기 에 포인트 플롯 을 결정 했 다 . 색깔 로 , 나 는 실린더 의 수 를 표시 하 고 점 의 크기 는 0 . 25 마일 시간 을 나타낸다 . 그것 은 그것 을 달성 하 는 코드 입니다 : 
 semantic _ palette 앱 의 SemnaticUI 레이아웃 과 일관 성 을 유지 하 기 위해 그래프 색상 에 사용 했 습니다 . 
 대시 보드 에 삽입 하 려면 두 번 째 상자 에 유추 하 여 추가 합니다 . 
 그것 이 우리 의 메인 페이지 가 지금 보이 는 방식 입니다 . 
 나 는 그것 이 여기 에 충분 하 다고 말 할 것 이 다 . 다른 탭 으로 전환 합시다 . 
 아마도 , 일부 호기심 많 은 사용 자 는 “ 추가 정보 ” 탭 에서 자동차 속성 의 전체 목록 을 보 고 싶 어 합니다 . 그 에게 기회 를 줘 보 자 . 이 를 위해 DT 패키지 를 사용 하 여 서버 측 에서 테이블 을 렌더링 합니다 . 
 두 번 째 탭 에 표시 합니다 . 
 나 는 우리 가 지금 까지 성취 한 것 에 대해 매우 만족 합니다 … 
 하지만 그거 알 아 ? 나 는 이 시점 에서 내 생각 을 바꾸 고 이 대시 보드 의 주제 를 수정 하 기 로 결정 했 다 . 시맨틱 포레스트 ( Semantic Forest ) 웹 사이트 에서 내 옵션 을 검토 하 고 결정 했 습니다 cerulean . 현재 테마 를 변경 하 는 것 은 매우 쉽 습니다 dashboardPage . 기능 에서 하나 의 매개 변수 만 변경 해야 하 기 때문 입니다 . 
 좋 아 , 그게 다 야 ! 이 시점 에 이르 면 semantic . dashboard 패키지 로 첫 번 째 대시 보드 를 만들 었 다는 의미 입니다 . 교육 을 위해 새로운 멋진 그림 이 있 는 탭 을 추가 하 여 맞춤 설정 하 는 것 이 좋 습니다 . 어떤 단계 를 빠뜨린 경우 여기 에서 대시 보드 의 전체 코드 를 확인 할 수 있 습니다 . 
 출처 : Create outstanding dashboards with the new semantic . dashboard package – Appsilon Data Science | End ­ to ­ End Data Science Solutions