(원래 일부로 배포됨 JMP 디스커버리 아메리카 2019 베타랩)
소개
JMP 15부터, 호버 레이블 확장 사용자가 호버 레이블에 표시되는 정보를 사용자 정의하고 보강할 수 있습니다. 사용자는 데이터 기반의 마크업 기반 서식 있는 텍스트 단락을 추가하여 기본 데이터를 시각화 소비자에게 설명할 수 있습니다. 호버 레이블 개별 항목을 추가, 제거, 형식 변경 및 스타일 지정합니다. 기본 데이터에 대한 추가 통찰력을 제공할 뿐만 아니라 자체 창에서 실행하여 데이터 탐색을 더욱 발전시킬 수 있는 시각화를 포함합니다.
이 연습에서 우리는 시도 할 것입니다 호버 레이블 확장 탐색적 워크플로를 향상시킬 수 있는 방법을 확인하십시오.
팁: 각 작업은 원하는 연습 결과를 나타내는 해당 "(최종)" 버전과 함께 테이블 스크립트로 구현됩니다. 실수로 창을 닫은 경우 이 스크립트를 사용하여 창을 다시 만들 수 있습니다.
작업 1(Textlet을 사용한 서식 있는 텍스트 사용자 지정)
- 에 있는 CrimeData_Tucson2019.jmp 테이블을 엽니다. 호버 레이블 확장 바탕 화면의 폴더
- 테이블 스크립트 실행 1 단계. 범죄율로 채색된 주와 함께 미국 지도를 시작할 것입니다.
- 지도 위에 마우스 포인터를 올려 놓고 호버 레이블에 관련 상태에 대한 설명과 대표 이미지가 모두 포함되는 방식을 관찰하십시오.
그림 1 설명 및 미리보기 이미지가 있는 호버 레이블.
- 설명이 다소 길어 읽기 어려울 수 있습니다. 새것을 사용하자 텍스트렛 이를 개선하기 위한 확장. 그래프 배경을 마우스 오른쪽 버튼으로 클릭하여 아래에 있는 Hover Label Editor를 엽니다. 호버 레이블 위안화 메뉴 항목.
그림 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 단계 .시간 경과에 따른 네 가지 범죄 범주(살인, 강도, 절도 및 절도)의 평균 수를 보여주는 시계열 시각화를 시작합니다.
그림 3 범죄 시계열
- 호버 레이블에는 해당 연도의 기본 범죄 유형에 대한 평균 발생 횟수가 포함됩니다. 사용하자 그리드렛 다른 모든 연도에 대한 값을 포함하고 표시를 개선하도록 확장합니다.
- 다시 한 번 호버 레이블 편집기를 엽니다. 이번에는 왼쪽 패널에서 Gridlet 옵션을 선택합니다.
- 삭제 패널을 사용하여 첫 번째 항목과 세 번째 항목을 제거합니다. 일치 기준 상자의 유형 선택기에서 색인을 선택하고 원하는 항목 색인을 대상 입력 값으로 지정하십시오.
팁 : 추가를 클릭하여 각 선택을 기록하고 적용 또는 확인을 클릭하여 저장하십시오.
- 스타일 패널을 사용하여 Year 값의 글꼴 크기를 늘립니다.
- 추가 패널을 사용하여 각 범죄 유형에 대한 항목을 추가합니다. 대상을 사용하여 항목 이름과 값에 대한 다음 JSL 표현식을 지정하고 범죄 유형과 일치하도록 첫 번째 인수를 변경합니다.
::mr << getMetric( "Murder", Namespace( "Local" ) )
- 완료되면 호버 레이블이 다음과 같아야 합니다.
그림 4 Gridlet 변경 사항이 있는 Hover 레이블
작업 3(포함된 그래프 및 Graphlets를 사용한 드릴다운)
- 맵 시각화로 다시 전환하고 상태 위로 마우스를 가져갑니다. 호버 레이블이 정적 이미지를 표시하는 방법에 유의하십시오. 사용하자 그래플렛 유익한 데이터 시각화를 표시하는 확장.
- 동적으로 구성된 시각화( 사전 설정 ) 그래프 아래의 옵션 중 하나를 사용하여 호버 레이블 위안화 메뉴. 예를 들어 히트맵 옵션을 사용해 보십시오. 다음과 같은 호버 레이블이 표시되어야 합니다.
그림 5 Hover Label w/ Heat Map graphlet
- 노스다코타와 플로리다의 히트맵을 비교하십시오. 이 주의 인구 증가에 대해 무엇을 말할 수 있습니까?
팁 : 포함된 그래프를 클릭하여 자체 창에서 열 수 있습니다.
- 자체 시각화를 그래프렛 템플릿으로 사용할 수도 있습니다. 시계열 창으로 전환하고 작은 빨간색 삼각형(LRT) 메뉴에서 스크립트 저장 > 클립보드에
그림 6 클립보드에 저장하여 그래프렛으로 붙여넣기
- 이제 다시 지도로 전환하고 그래프 아래 호버 레이블 위안화 메뉴 선택 Graphlet 붙여넣기 .
- 지도 호버 레이블이 이제 연결된 상태에 대한 범죄 시계열을 표시하는지 확인합니다. 노스다코타와 플로리다의 범죄 시계열을 비교할 수 있습니까?
