레벨 : 초급
Josh Markwordt, JMP 소프트웨어 개발자, SAS
John Powell, JMP 수석 소프트웨어 개발자, SAS
대화 형 HTML은 포인트 식별, 연결, 브러싱 및 JMP 14의 새로운 기능인 데이터 필터링을 포함하여 JMP의 많은 탐색 기능을 지원합니다. 저장된 보고서는 동료와 공유하거나 웹 서버에 업로드하여 최신 웹 브라우저에서 볼 수 있습니다. 데이터 필터링 지원 외에도 JMP 14의 대화 형 HTML은 그래프 빌더의 트리 맵에 대한 지원을 추가합니다. 이 문서는 대화 형 HTML을 사용하여 JMP 결과를 공유하고 탐색하는시기와 방법을 보여줍니다.
소개
JMP 11의 Interactive HTML 프로젝트가 시작된 이래로 우리의 목표는 아직 JMP가없는 사람들이 JMP의 풍부한 그래픽과 강력한 분석에 액세스 할 수 있도록하는 것이 었습니다. 웹은 이러한 보고서를 표시하는 자연스러운 장소이며 장소 협업은 현대에 이루어집니다.이 강연에서는 대화 형 HTML 용 JMP 14의 새로운 기능에 대한 개요를 제공하고, JMP 대화 형 HTML 보고서를 웹에서 공유하는 방법에 대한 팁을 제공하고, JMP의 대화 형 HTML을 사용하여 해양 생물학자가 수행 한 작업을 공유합니다. 그의 연구에 협력합니다.
Diamond Price vs. Carat Weight, Filtered by Color색상별로 필터링 된 다이아몬드 가격 대 캐럿 무게
JMP 14 기능
JMP에는 데이터 분석을위한 많은 플랫폼과 도구가 있으며, 모든 릴리스는 웹에서 데이터를 탐색하고 공유하는 데 도움이되도록 출력에 추가 기능을 추가하려고했습니다.JMP 14에서는 트리 맵이 Graph Builder 출력에 추가되었으며 숨기기 및 선택 기능이있는 데이터 필터를 사용하여 데이터를 탐색 할 수 있습니다.
대화 형 HTML 보고서는 JMP의 많은 탐색 기능을 지원합니다.개별 포인트 또는 그래픽 요소는 데스크탑에서 포인트에 마우스를 올려 놓을 때 표시되는 툴팁을 통해 또는 모바일 장치에서 요소를 탭하여 식별 할 수 있습니다.JMP에서와 마찬가지로 그래프가 연결되어 한 그래프에서 선택한 행이 모든 그래프 [1,2]에서 강조 표시됩니다.
Selecting multiple objects and linking between graphical elements여러 개체 선택 및 그래픽 요소 간 연결 페이지 상단에 표시된 다양한 모드를 사용하여 두 번째 토글 버튼을 클릭하거나 탭하면 직사각형을 드래그하여 그래프에서 행을 선택할 수 있습니다. 이것은 ... 불리운다 칫솔질 , 다변량 데이터를 탐색하기위한 중요한 기술 [1].
Brushing points to explore the data 데이터 탐색을위한 브러싱 포인트
JMP 14의 새로운 기능은 열 또는 열 조합을 기준으로 필터링하는 기능입니다.먼저 JMP 보고서의 빨간색 삼각형 메뉴에서 로컬 데이터 필터 메뉴 항목을 선택하고 하나 이상의 열을 선택한 다음 추가를 클릭합니다. 범주 형 및 연속 형 필터 모두에 대한 제어가 지원되고 분포로 장식됩니다.JMP 14에서는 일부 복잡한 필터를 생성 할 수 있도록 AND 및 OR 논리의 모든 조합이 지원됩니다.선택 및 숨기기 상태는 모든 곳에서 일관된 방식으로 지원되므로 JMP를 모르는 사용자의 학습 곡선이 쉬워집니다.
데이터를 제외 / 포함하는 기능은 파일에 게시 될 때 대화 형 HTML 출력에서 지원되지 않습니다. 즉, JMP에서 행이 제외되면 포함 된 행의 하위 집합 만 내보내지고 사용자는 다음 작업을 수행 할 수 없습니다. 웹에서 제외 된 데이터를 탐색하십시오.예를 들어, 아래의 이변 량 플롯에는 "포함"확인란이 선택되어 있으므로 (왼쪽의 JMP에서) 남성을 선택하면 표시되는 유일한 점이되고 선을 맞출 때 고려되는 유일한 값이됩니다. 따라서이 그래프의 대화 형 HTML 내보내기에는 데이터 필터 (오른쪽)에 남성 만 있습니다.
Bivariate of Big Class with only Males included before exporting to Interactive HTML 대화 형 HTML로 내보내기 전에 남성 만 포함 된 빅 클래스의 이변 량 사용자가 남성과 여성의 키를 모두 탐색 할 수 있도록하려는 의도 였지만 처음에는 남성에게주의를 환기시키려는 경우 남성을 선택하고 내보내기 전에 "포함"확인란을 선택 취소합니다 (왼쪽 JMP 참조).여기에서 초기 그래프는 처음과 대화 형 HTML에서 동일하지만 데이터 필터에는 남성과 여성이 모두 포함되어 있으며 필터링을 통해 전체 데이터 세트를 검사하거나 성별을 개별적으로 검사 할 수 있습니다.
Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset. 포함 확인란을 선택 취소하면 처음에는 남성 만 표시 할 수 있지만 여전히 사용자가 전체 데이터 세트를 탐색 할 수 있습니다. 트리 맵은 계층 적 데이터를 분석하기위한 중요한 그래픽 도구입니다.아래는 기본적으로 선택되는 분할 알고리즘을 사용하여 샘플 데이터 라이브러리의 Cities 데이터 세트에서 생성 된 트리 맵입니다.
Treemap of Cities data sized by lead levels리드 레벨에 따라 크기가 조정 된 도시 데이터의 트리 맵
분할 알고리즘은 셀 그룹의 이름으로 정렬 된 셀이있는 트리 맵을 만듭니다.또는 squarify 알고리즘을 선택하여 크기별로 셀을 정렬하는 트리 맵을 만들 수 있습니다 (이 경우에는 도시의 리드 수준).
Treemap of the Cities by lead levels using the squarify algorithm제곱 알고리즘을 사용하여 리드 레벨 별 도시 트리 맵
내 보낸 HTML 트리 맵은 JMP 14의 JMP에서 내보내기 전에 설정 한 모든 옵션을 지원합니다. 로컬 데이터 필터와 결합하여 웹에서 트리 맵 및 기타 그래프 유형을 탐색 할 수 있습니다.
JMP와 공유하는 방법
이전 프레젠테이션에서는 Windows에서 파일-> 다른 이름으로 저장 메뉴 옵션을 사용하여 대화 형 HTML로 JMP 보고서를 저장하는 방법과 Mac에서 내보내기 및 대화 형 HTML () 저장 스크립트에서이 콘텐츠를 만드는 JSL 명령 [3].당신은 강력하게 만들 수 있습니다 대시 보드 Dashboard Builder를 통해 또는 창 결합 우리의 온라인 예 .그러나 이러한 보고서를 공유하는 가장 좋은 방법은 무엇입니까?
이 질문에 대한 대답은 파일을 얼마나 광범위하게 공유 할 것인지에 따라 다릅니다.내부 네트워크 내에서 간단한 공유 네트워크 드라이브가 가장 좋은 방법 일 수 있습니다. 때때로 이메일 설정으로 인해 HTML 콘텐츠가 차단되거나 사용자가 개인 컴퓨터 또는 모바일 장치에 대용량 첨부 파일을 다운로드해야합니다.다양한 온라인 파일 공유 서비스가 있지만 지원은 다양합니다.2017 년 9 월 현재 Dropbox는 더 이상 HTML 콘텐츠를 렌더링하지 않습니다. .마찬가지로, Google 드라이브는 2015 년에이 기능을 사용하지 않습니다. .현재 렌더링 된 HTML 콘텐츠를 신뢰할 수있는 교환 방법으로 파일 공유 서비스를 제안 할 수는 없습니다. 파일을 공유 할 수는 있지만 실제로 다운로드해야하거나 텍스트 파일로 표시 될 수 있습니다. 링크를 클릭하고 보고서를 보는 것이 좋습니다.
완전한 기능의 웹 서버를 직접 관리하는 데 익숙하지 않은 고객을 위해 프로그래밍 지식이 거의없는 웹 사이트의 빠른 개발을 광고하는 여러 호스팅 / 웹 디자인 사이트가 있습니다. 인라인 프레임 또는 iframe이라는 HTML 요소를 사용하여 한 웹 페이지의 콘텐츠를 다른 페이지에 포함 할 수 있습니다. 예를 들어 JMP 커뮤니티에서는 iframe이 콘텐츠를 포함 할 수 있습니다.하지만 선택한 제공 업체가 시스템 내에서 iframe을 허용하지 않을 수 있습니다.웹 페이지가 HTTPS로 제공되는 경우 iframe에서 HTTP 콘텐츠를 호스팅 할 수 없습니다. 이는“ 혼합 콘텐츠 ”이며 최신 브라우저의 보안 기능입니다.이는 사용중인 프레임 워크를 고려할 때 실행 가능한 솔루션 일 수 있지만 아래의 고객 사례에서 알 수 있듯이 약간의 작업이 필요할 수 있습니다.
Coral Reef 고객 스토리
데이터 공유 기능은 이미 고객에게 영향을 미치고 있습니다.한 가지 이야기는 Anderson Mayfield 박사의 산호초 진단 연구입니다 [4] . 수년간 전 세계 산호초에서 데이터를 수집 한 후, 그는 JMP를 사용하여 데이터와 분석을 공유하는 웹 사이트를 만들어 유사한 과학 자나 통계학자가 변화하는 지구 기후에서 산호초의 건강을 예측하기 위해 협력 할 수 있도록했습니다. 그의 사이트는 SquareSpace에서 호스팅됩니다.
Dr Anderson B. Mayfield's webpage Anderson B. Mayfield 박사의 웹 페이지 그는 JMP 커뮤니티에 JMP Interactive HTML 보고서를 자신의 웹 사이트에 포함하는 방법에 대한 조언을 구했습니다. 이는 SquareSpace에서 직접 지원하지 않는 것 같습니다 [5]. 커뮤니티, 특히 당사의 주요 소프트웨어 개발자 중 한 명인 Nascif Abousalh-Neto의 응답 덕분에 그는 대화 형 HTML 파일을 Amazon S3에 호스팅하고 iframe을 사용하여 대화 형 HTML 보고서를 중간에 포함 할 수 있음을 알게되었습니다. 수집 된 데이터를 설명하는 페이지입니다.
JMP 14.2가 출시되면서 JMP Public을 사용할 수있게되면서 라이브 JMP 서버에 대한 연결을 통해 가능한 고급 기능을 제공하는 JMP Interactive HTML 보고서에서도 동일한 작업을 수행 할 수 있습니다.사용자는 JMP Public의 보고서에 직접 링크하거나 시스템을 통해 다른 웹 페이지에 붙여 넣을 iframe HTML 마크 업 생성을 포함하여 다른 플랫폼에 보고서를 쉽게 포함 할 수 있습니다.독립 실행 형 인터랙티브 HTML과 달리 데이터를 제외하거나 포함 할 수 있습니다. JMP 서버를 사용하여 분석을 처리하고 익숙해 진 것과 동일한 웹 인터페이스에서 업데이트 된 결과를 표시하지만 JMP Public에 대한 세련된 새 사용자 인터페이스를 사용합니다.
JMP Public에 게시 된 보고서를 공유하려면 페이지 상단의 공유 아이콘을 클릭하고 아래와 같이 "삽입 코드 (iframe)"를 선택하십시오.
Embedding an iframe of interactive HTML reports published on JMP Public is easy. JMP Public에 게시 된 대화 형 HTML 보고서의 iframe을 포함하는 것은 쉽습니다. 그러면 다음과 같이 웹 페이지 내에서 iframe 태그를 생성하는 HTML 코드가 클립 보드에 삽입됩니다.
<IFRAME class="jmp-share-iframe" frameborder="0" width="800" height="600" src="https://public.jmp.com/api/packages/Diamond-Price-vs-Carat-Weight-Filtered-b/js-p/5bb3d86e615499085427cde3/indexPage" style="margin: 0.8em 0;"></IFRAME>
논문 시작 부분에 표시된 라이브 버전의 이미지에 대해 아래와 같이 표시하려는 HTML 페이지에이 코드를 붙여 넣으면 페이지 내에서 대화 형 콘텐츠가 렌더링됩니다.
결론
현재 4 개의 JMP 릴리스에 대해 대화 형 HTML을 사용할 수 있습니다. 앤더슨 메이필드 박사가 전 세계 산호초의 건강을 개선하는 방법을 발견하기 위해 협력하려는 노력과 같은 흥미로운 사용 방법을 찾았기를 바랍니다. 귀하의 성공과 과제에 대해 듣고 JMP의 대화 형 HTML 보고서 및 대시 보드를 사용하여 협업 할 수 있도록 돕고 싶습니다.방문하십시오 대화 형 HTML 예제 또는 탐험 JMP Public에 대한이 백서의 예제 .
참고 문헌
Becker R. 및 Cleveland W. (1987). “브러싱 산점도”, 기술 , 127-142.
Stuetzle W. (1987). "플롯 윈도우", 미국 통계 협회 저널, 82 , 466-475.
[삼] https://community.jmp.com/t5/Discovery-Summit-2017/Sharing-Interactive-Web-Reports-in-JMP-13/ta-p/44069
[4] http://coralreefdiagnostics.com
[5] https://community.jmp.com/t5/Discussions/posting-interactive-html-plots-on-websites/mp/60478
