(원래 JMP 디스커버리 아메리카 2019 베타 랩)
소개
JMP 15부터 호버 레이블 확장 사용자가 호버 레이블에 표시되는 정보를 사용자 정의하고 보강 할 수 있습니다. 사용자는 데이터 기반의 마크 업 기반 서식있는 텍스트 단락을 추가하여 시각화 소비자에게 기본 데이터를 설명 할 수 있습니다. 호버 레이블 개별 항목을 추가, 제거, 재 포맷 및 스타일 지정; 기본 데이터에 대한 추가 통찰력을 제공 할뿐만 아니라 자체 창에서 시작하여 데이터 탐색을 더욱 발전시킬 수있는 시각화를 포함합니다.
이 연습에서는 호버 레이블 확장 탐색 적 워크 플로우를 어떻게 향상시킬 수 있는지 알아보십시오.
팁: 각 작업은 원하는 연습 결과를 보여주는 해당 "(최종)"버전과 함께 테이블 스크립트로 구현됩니다. 실수로 창을 닫은 경우 이러한 스크립트를 사용하여 다시 만들 수 있습니다.
작업 1 (Textlet을 사용한 서식있는 텍스트 사용자 지정)
- 다음 위치에있는 CrimeData_Tucson2019.jmp 테이블을 엽니 다. 호버 레이블 확장 데스크탑의 폴더
- 테이블 스크립트 실행 1 단계. 범죄율에 따라 주가 표시된 미국지도를 시작합니다.
- 지도 위에 마우스 포인터를 올려 놓고 풍선 라벨에 관련 상태에 대한 설명과 대표 이미지가 어떻게 포함되는지 관찰합니다.
그림 1 설명 및 축소판이있는 호버 레이블.
- 설명은 약간 길고 읽기 어려울 수 있습니다. 새로운 것을 사용합시다 Textlet 확장합니다. 그래프 배경을 마우스 오른쪽 버튼으로 클릭하여 아래에있는 Hover Label Editor를 엽니 다. 호버 라벨 RMB 메뉴 항목.
그림 2 Hover Label Editor 메뉴 항목
- 왼쪽 패널에서 Textlet을 선택합니다. 패널을 검사하여 콘텐츠가 정의 된 방식 (JSL 변수)과 표시를 위해 형식이 지정되는 방식 (HTML 마크 업)을 확인합니다.
팁 : 호버 레이블을 맵에 고정하면 호버 레이블 편집기에서 적용 버튼을 클릭하는 즉시 변경 결과를 볼 수 있습니다.
- JSL을 사용하여 트윗 크기로 자르는 방식으로 콘텐츠 길이를 줄입니다. 예를 들면 다음과 같습니다.
local:text = Substr( ::wr << getDescription( local:_state ), 1, 140 ) || "..."
- 텍스트를 더 쉽게 읽을 수 있도록 마크 업을 변경하십시오. 예를 들어 다른 글꼴을 선택하고 글꼴 크기를 늘리고 더 밝은 배경색을 사용합니다.
<BACKGROUND color="white"><FONT family="Arial" size="12">{local:text}</FONT></BACKGROUND>
- 콘텐츠 생성 및 마크 업을 가지고 놀면서 설명 블록에 대해 다른 구성을 시도해보십시오. 텍스트를 굵게 만들거나 다른 텍스트 색상을 사용하거나 자신 만의 텍스트를 추가해보세요.
작업 2 (Gridlet을 사용한 콘텐츠 증대)
- 데이터 테이블 (CrimeData_Tucson2019.jmp)로 돌아가서 테이블 스크립트를 실행합니다. 2 단계 시간에 따른 4 가지 범죄 범주 (살인, 강도, 강도, 절도)의 평균 수를 보여주는 시계열 시각화를 시작합니다.
그림 3 범죄 시계열
- 호버 레이블에는 특정 연도의 기본 범죄 유형에 대한 평균 발생 횟수가 포함됩니다. 사용합시다 Gridlet 확장하여 다른 모든 연도의 값을 포함하고 디스플레이를 개선합니다.
- 다시 한 번 Hover Label Editor를 엽니 다. 이번에는 왼쪽 패널에서 Gridlet 옵션을 선택합니다.
- 삭제 패널을 사용하여 첫 번째와 세 번째 항목을 제거하십시오. 일치 기준 상자의 유형 선택기에서 색인을 선택하고 대상 입력 값으로 원하는 항목 색인을 지정하십시오.
팁 : 적용 또는 확인을 클릭하여 저장하기 전에 추가를 클릭하여 각 선택을 기록하십시오.
- 스타일 패널을 사용하여 Year 값의 글꼴 크기를 늘립니다.
- 추가 패널을 사용하여 각 범죄 유형에 대한 항목을 추가합니다. Target을 사용하여 항목 이름과 Value에 대한 다음 JSL 표현식을 지정하고 범죄 유형과 일치하도록 첫 번째 인수를 변경합니다.
::mr << getMetric( "Murder", Namespace( "Local" ) )
- 완료되면 마우스 오버 레이블이 다음과 같이 표시됩니다.
그림 4 Gridlet 변경 사항이있는 호버 레이블
작업 3 (그래 플릿을 사용하여 포함 된 그래프 및 드릴 다운)
- 지도 시각화로 다시 전환하고 주 위로 마우스를 가져갑니다. 호버 라벨이 정적 이미지를 어떻게 표시하는지 확인합니다. 사용합시다 Graphlet 정보를 제공하는 데이터 시각화를 표시하는 확장입니다.
- 동적으로 구성된 시각화 ( 미리 설정 ) 그래프 아래의 옵션 중 하나를 사용하여 호버 라벨 RMB 메뉴. 예를 들어 히트 맵 옵션을 사용해보십시오. 다음과 같은 호버 레이블이 표시되어야합니다.
그림 5 히트 맵 그래프 릿이있는 호버 레이블
- 노스 다코타와 플로리다의 히트 맵을 비교합니다. 이주의 인구 증가에 대해 무엇을 말할 수 있습니까?
팁 : 포함 된 그래프를 클릭하여 자체 창에서 열 수 있습니다.
- 자체 시각화를 그래프 렛 템플릿으로 사용할 수도 있습니다. 시계열 창으로 전환하고 LRT (Little Red Triangle) 메뉴에서 스크립트 저장> 클립 보드로
그림 6 그래프 렛으로 붙여 넣기 위해 클립 보드에 저장
- 이제지도로 다시 전환하고 그래프 아래에서 호버 라벨 RMB 메뉴 선택 Graphlet 붙여 넣기 .
- 이제 맵 호버 레이블에 관련 주에 대한 범죄 시계열이 표시되는지 확인합니다. 노스 다코타와 플로리다의 범죄 시계열을 비교할 수 있습니까?
