스피커 | 성적 증명서 |
| 조포 | 안녕하세요, 제 강연에 오신 것을 환영합니다. |
| 이 강연의 동기는 JMP 사용자 커뮤니티의 토론을 바탕으로 이루어졌습니다. Anderson Mayfield 박사는 NOAA와 마이애미 대학교의 해양 생물학자입니다. |
| 그는 암초 산호의 건강을 연구합니다. 그는 JMP On Air의 지구의 날 특별 에피소드에서 발표했습니다. 그리고 그는 이번 컨퍼런스에서도 발표를 하고 있습니다. |
| 그래서 이번 JMP 사용자 커뮤니티 게시물에서 그는 이 사진을 여기에 게시했습니다. 보시다시피 산호나 산호초를 나타내는 모든 그래픽이 있습니다. |
| 여러 데이터 조각을 하나의 작은 그래픽으로 표현합니다. 플레이어 통계가 있는 비디오 게임과 비슷합니다. |
| 장면을 돌아다니면서 플레이어 주위를 맴돌게 됩니다. 이제 여러분은 제가 비디오 게임, 해양 생물학자, JMP를 결합하면 무엇을 얻게 될까요?라는 강연을 왜 했는지 아실 것입니다. 그럼 계속 진행하겠습니다. |
| 제가 이야기하려는 것은 맞춤 그래픽 스크립트 사용을 포함하여 JMP에서 가능한 게임 기반 또는 게임에서 영감을 받은 솔루션입니다. |
| 맞춤형 지도. 그런 다음 제가 구축한 3D 웹 기반 산점도 응용 프로그램과 JMP 데이터 세트를 해당 응용 프로그램에 통합한 방법에 대해 이야기하겠습니다. |
| 다음은 그래픽 스크립트의 예입니다. |
| 다음은 맞춤 지도를 사용하는 예입니다. 여기 제 3D 산점도 애플리케이션이 있습니다. |
| 그럼 시작해 보겠습니다. 사용자 정의 그래픽 스크립트가 어떻게 사용되는지 확인하기 위해 여기에 작은 샘플이 있습니다. |
| 그리고 JMP를 열고 실행하면 |
| 이 작은 그래픽에 대해 이야기하겠습니다. |
| 나는 처음부터 새로 만든 이 가상의 데이터 세트를 사용합니다. 그리고 그것은 기본적으로 그레이트 배리어 리프(Great Barrier Reef)에서 시드니까지 내려가는 물고기 경주에 관한 것입니다. |
| 따라서 그래픽 스크립트를 얻으려면 사용자 정의로 이동하면 됩니다. |
| 그런 다음 이 작은 더하기 버튼을 사용하면 새 스크립트를 추가할 수 있습니다. 처음에는 비어 있지만 JMP에는 몇 가지 샘플이 있습니다. |
| 그래서 저는 폴리곤 스크립트를 좋아합니다. 매우 간단합니다. 그것은 단지 삼각형을 그리는 것뿐입니다. 따라서 이를 그래프에 적용하면 거기에 삼각형이 표시됩니다. |
| 그리고 투명도를 설정하고, 채우기 색상을 설정하고, 다각형을 그리는 세 줄이 필요했습니다. |
| 하지만 우리가 추구하는 것은 실제로 이것을 스크립트에 어떻게 포함시키는가입니다. 이를 확인하는 가장 쉬운 방법은 응답 버튼을 누르는 것입니다. |
| 스크립트 창에 스크립트를 저장합니다. 그리고 여기 스크립트가 있습니다. 시작하면 위도와 경도가 포함된 작은 이변량 플랫폼이 시작됩니다. 아래에는 그래픽 추가 스크립트가 포함된 디스패치가 있습니다. |
| 그리고 샘플의 세 줄이 나옵니다. |
| 그래픽 스크립트를 사용하는 아주 간단한 예가 있습니다. |
| 이제 이것은 내가 삽입할 그래픽 스크립트입니다. 각 지점 위에 떠 있는 막대를 그립니다. |
| 그리고 이 애플리케이션에서 제가 가장 먼저 하는 일은 투명도도 설정한 다음 작은 그래픽의 배경을 그리는 것입니다. |
| 하나는 배고픔, 하나는 힘, 하나는 속도입니다. |
| 이제 전체 스크립트를 보여드리겠습니다. 왜냐하면 이 스크립트는 다른 것에 의존하기 때문입니다. 이는 주로 색상과 배경 및 배경과 같은 몇 가지 작업을 위해 설정한 상수에 의존합니다. |
| 이것은 내 기능 그리기 막대입니다. 위치, 길이, 색상이 필요합니다. 그래서 각 막대에 사용할 수 있습니다. 따라서 해당 스크립트를 실행하면. |
| 여기 있습니다. 작은 아이콘이 포함된 그래픽이 있습니다. |
| 게임에서 영감을 받은 일종의 건강 모니터가 각 물고기 위에 떠다니면서 호주 동부 해류를 따라 시드니까지 헤엄쳐 내려가고 있습니다. |
| 이는 기본적으로 해당 기능이 어떻게 작동하는지에 대한 단계별 아이디어를 제공할 것입니다. 우리는 화면의 마커로 시작했고, 각 마커에 대해 픽셀 원점을 설정했습니다. |
| 그런 다음 배경을 그리기 시작하는데 몇 가지 단계가 필요합니다. 선 두께를 처음 설정하면 실제로는 아무것도 표시되지 않습니다. |
| 그런 다음 색상을 검정색으로 설정합니다. 그런 다음 이동하여 배경과 매우 두꺼운 선을 그리는 선을 그립니다. |
| 그리고 각 막대에 대해 막대의 색상을 설정하고 해당 위치로 이동한 다음 선을 그어 보겠습니다. 그런 다음 배경을 그리고 색상을 설정한 다음 막대를 계속 표시합니다. 물론 다른 두 줄에도 그렇게 합니다. |
| 이제 다양한 그래픽 기능을 사용할 수 있습니다. JSL 구문 참조의 그래픽 함수 섹션은 다음과 같습니다. 원하는 것은 무엇이든 만들 수 있습니다. 그러니 해보세요. |
| 다음으로는 커스텀 맵을 사용하는 방법에 대해 말씀드리겠습니다. |
| 실례합니다. |
| 그리고 맞춤형 지도를 사용하려면 기본적으로 두 개의 테이블을 제공해야 합니다. 첫 번째 테이블은 사용하려는 모든 모양에 대한 정의입니다. 두 번째는 테이블에 있는 모양의 이름을 지정합니다. |
| 그리고 이 이름 열에 기본적으로 추가해야 할 것은 맵 역할 열 속성이며 유형 모양 이름 정의여야 합니다. 잠시 후에 보여 드리겠습니다. |
| 물론 아주 간단한 예를 들기 위해서는 Big Class가 필요합니다. 그리고 나는 정말 간단한 것을 할 것이다. |
| 두 개의 직사각형만 있는 지도도 있습니다. 그 파일들을 열어보겠습니다. |
| 제가 말했듯이 지도는 매우 작습니다. 이 좌표를 보여드리기 위해 |
| 기본적으로 요점을 보여주는 스크립트입니다. |
| 이 위쪽 4개를 강조 표시하면 위쪽 직사각형이 되고 다음 4개는 아래쪽 직사각형이 됩니다. |
| 위쪽이 몸무게, 아래쪽이 키입니다. 그리고 열 속성을 보면, |
| 맵 역할, 모양 이름 정의입니다. |
| 따라서 이 지도가 준비되면 Big Class를 열 수 있습니다. |
| 우리는 그것을 직접적으로 재사용할 수 없습니다. 가장 먼저 해야 할 일은 키와 몸무게 열을 가져와서 쌓는 것입니다. 그래서 우리는 테이블로 이동합니다. 쌓아 놓겠습니다. |
| 이제 이러한 열이 쌓인 테이블이 생겼습니다. |
| 레이블에는 높이와 무게가 교대로 표시되며 이를 맵 파일에 연결하기 위해 해야 할 일은 다른 열 속성을 추가하는 것입니다. |
| 이것은 여기 아래 끝까지 이어져 있습니다. 역할을 다시 매핑하세요. 그러나 우리는 형태화된 이름 정의를 말하지 않고 형태화된 이름 사용을 말하고 다음을 선택해야 합니다. |
| 맵 파일, 이름 맵 파일. |
| 또한 열을 이름으로 설정합니다. |
| 그러면 끝났습니다. 이제 우리는 그것을 얻었으므로 실제로 그래프에 사용할 수 있습니다. |
| 우리가 추구하는 그래프는 기본적으로 지도 모양에 대한 레이블 열을 사용하여 상단 및 하단 모양을 설정한 다음 모든 데이터가 포함된 해당 데이터 열을 드래그할 수 있습니다. |
| 색상 역할에. 그리고 여기에 Big Class의 모든 학생에 대한 요약이 있습니다. 하지만 우리는 정말로 알고 싶습니다. |
| 학생당 하나씩. 랩 역할로 드래그하면 조금 빡빡하지만 행당 레벨을 지정하여 10으로 설정하여 펼치겠습니다. |
| 우리는 거기에 갈. 그리고 그것은 내가 추구했던 것과 거의 같습니다. 그리고 이것은 유용한 그래프가 될 수 있습니다 |
| 그 자체로. |
| 이제 좀 더 복잡한 작업을 해보겠습니다. |
| 글쎄, 실제로 더 복잡한 작업을 수행하는 경우 사용자 정의 지도 작성기 추가 기능을 사용할 수 있습니다. |
| 이것은 훌륭한 추가 기능입니다. 이미지를 끌어서 그 위에 추적할 수 있습니다. |
| 모든 모양에 대한 추적을 마쳤으면 임의 데이터로 마침을 클릭하면 다음이 생성됩니다. |
| 필요한 두 개의 모양 파일과 사용자 정의 지도를 테스트할 수 있는 임의의 데이터 세트입니다. 그리고 여기에 4개의 변수와 중앙에 1개의 변수를 적용한 것이 있습니다. 기본적으로 제가 가지고 있던 원본 슬라이드에서 본 것의 정사각형 버전입니다. |
| 이제 그것은 정확히 우리가 목표로 삼는 것이 아니었습니다. 우리는 뭔가 둥근 것을 원했고, 그것을 복잡한 파이라고 불렀던 사람은 메이필드 박사였다고 생각합니다. |
| 그것이 공식적인 용어인지는 모르겠지만 저는 스크립트를 사용하여 이러한 것들을 만들기로 결정했습니다. |
| 그래서 제가 하고 싶었던 것은 셰이프 파일을 만들고 의사가 지시한 것을 받았는지 확인하는 것이었습니다. 그리고 그것은 중앙에 뭔가가 있는 네 개의 모양이었습니다. |
| 그러다가 '나는 프로그래머다'라고 생각했습니다. 나는 조금 더 하고 싶고 좀 더 유연하게 행동하는 것을 좋아합니다. |
| 그래서 나는 어떤 사람들이 같은 일을 하고 싶어하지만 두 개의 변수와 평균 또는 중심 변수 또는 그 이상만 갖고 싶어할 것이라고 생각했습니다. |
| 그리고 다이아몬드나 사각형처럼 다양한 모양도 만들 수 있으면 좋겠다고 생각했어요. 그러니 나는 천재가 아니다. 나는 운이 좋았다. Xan Gregg는 실제로 JMP에서 이 극좌표를 어떻게 만들 수 있는지에 대한 게시물에 답변했습니다. |
| 그리고 여기 온다. |
| 우리는 간다 |
| 그들은 이와 같은 모양을 찾고 있었는데, 그것은 내가 필요로 했던 것과 아주 비슷해 보였습니다. |
| Xan이 한 일은 정말 훌륭했습니다. 이 작업을 수행하고 원 주위에 쐐기를 생성하는 유연한 스크립트이지만 누락된 유일한 것은 중앙과 제가 원하는 특정 방식으로 파일 이름을 지정하는 것이었습니다. |
| 하지만 별로 어렵지는 않았어요. 그리고 그것이 내 스크립트가 하는 일입니다. 복잡한 파이를 만들 때 이 파이에 대한 레시피가 있습니다. 복잡한 파이 메이커를 열면 됩니다. 그런 다음 몇 가지 재료를 추가합니다. 우선 도형의 개수를 말해야 합니다. |
| 그런 다음 중앙에 놓을지 위쪽에 놓을지 아니면 약간 옆으로 치울지 결정합니다. |
| 그리고 부드러움에 대한 변수가 있습니다. |
| 그런 다음 채우기를 더 많이 원하는지 여부에 관계없이 내부 반경과 외부 반경도 제공해야 합니다. |
| 물론 다음 단계는 스크립트를 실행하는 것입니다. |
| 이것들 |
| 모양 파일을 만들고 사용자 정의 파이 메이커나 사용자 정의 맵 추가 기능과 마찬가지로 예제 테스트도 수행합니다. 여기에 5에 대한 복잡한 파이의 예가 있고 모양은 5입니다. |
| 부드러움을 7로 설정합니다. 5~6개를 사용할 수 있으며, 그렇게 된다면 여전히 괜찮을 것입니다. |
| 정말 작게 그려졌습니다. 크기는 별로 중요하지 않습니다. 중요한 것은 상대적인 내부 반경과 외부 반경입니다. 그리고 이것은 대략 메이필드 박사가 생각한 것입니다. 그래서 저는 내부 반경에 4개, 외부 반경에 9개를 사용했습니다. |
| 그럼 실제로 이러한 것들을 어떻게 사용할 수 있는지 살펴보겠습니다. Big Class 데모에서 했던 것처럼, 우리는...열을 쌓아야 합니다. 하지만 한 가지 다른 점은 셰이프 파일에 실제로 힘과 건강 변수가 없다는 것입니다. 그들은 실제로 |
| 모양 파일에서는 이름이 웨지 1, 2 3, |
| 센터. |
| 그래서 나는 하나를 구축해야 할 것입니다 |
| 파일 |
| 둘을 함께 연결하세요. |
| 먼저, 쌓인 작은 학교의 예가 있습니다. |
| 저는 건강, 강점, 속도 열을 함께 쌓아서 그렇게 했습니다. |
| 그리고 여기에 제가 사용할 모양 파일의 이름이 있는 모양 파일이 있습니다. |
| 열 속성이 있음을 확인하세요. |
| 지도 역할, |
| 맞습니다. 맵 역할 정의입니다. |
| 그리고 이는 사용자 정의 모양을 만들 때 필요합니다. |
| 그래서 링크된 파일, 즉 모양을 만들 열 지도는 기본적으로 내 안에 있는 레이블을 나열하여 만들었습니다. |
| 쌓인 파일. |
| 그런 다음 다른 열인 모양 이름에는 모양 이름을 나열했습니다. |
| 이제 여기서 도형 이름이 중요합니다. |
| 맵 역할이라는 속성이 있지만 이것은 모양 이름을 사용하는 것입니다. |
| 그리고 이 데이터 레이블 열에는 링크 ID가 있으므로 누적된 테이블에 가상으로 다시 조인될 수 있습니다. |
| 이제 이 테이블을 모두 설정했으므로 |
| 다음으로 할 일은 실제로 그래프를 작성하는 것입니다. |
| 이제 이전에 했던 것과 비슷할 것입니다. 한 가지 차이점은 레이블을 지도 모양으로 드래그하는 대신 이제 이 가상 조인 열을 사용하여 지도 모양으로 드래그하면 원하는 모양이 있다는 것입니다. 다음에 해야 할 일은 색상 열에 데이터를 추가하는 것입니다. |
| 그런 다음 랩에 이름을 추가하십시오. 그리고 내 물고기가 모두 있어요 |
| 각각에 대한 그래픽. 올바른 그래디언트를 얻으려고 여기 그래디언트로 이동했는데 바로 여기가 바로 이 그래디언트입니다. |
| 녹색이 잘 나오는지 확인하고 싶어서 색상을 반대로 해보겠습니다. |
| 그리고 거기에 우리가 있습니다. 이것이 |
| 각 물고기를 보고 그들이 어떻게 지내는지 볼 수 있기 때문에 그 자체로 유용한 지도입니다. 하지만 물론 저는 그것으로 좀 더 많은 일을 하고 싶습니다. |
| 제가 하고 싶은 것은 해당 이미지를 도구 설명에 넣는 것입니다. |
| 이를 위해 데이터 테이블을 만들겠습니다. |
| 내가 가지고 있던 파일과 그 그래픽을 다시 가져오세요. |
| 그래서 여기서 할 일은 빨간색 삼각형 남자 아래에 데이터 테이블을 만드는 것입니다. 그러면 새로운 데이터 테이블이 생성됩니다. |
| 이 모든 이미지를 포함하면 정말 유용합니다. 특히 다시 연결하면 더욱 그렇습니다. 그리고 이것을 링크 ID로 설정하면 간단한 작은 학교 파일에서 이를 가리킬 수 있으므로 각 마커를 갖고 각 문자에 대한 그래프를 찾을 수 있습니다. |
| 좋습니다. 실제로 다른 파일에 저장되어 있는 파일을 열겠습니다. 나는 그것을 건강 이미지라고 불렀습니다. |
| 그래서 우리는 더 이상 이것이 필요하지 않습니다. |
| 그리고 더 이상 스택 파일이 필요하지 않습니다. |
| 하지만 우리에게 필요한 것은 제가 시작한 소규모 학교의 예입니다. |
| 이제 이러한 항목이 |
| 그래프는 해당 이미지 열, 가상 열, |
| 표시된대로. |
| 간단한 그래프에서도 이 작업을 수행할 수 있습니다. |
| 그래서 우리는 이미 예를 가지고 있습니다. 음, 이것을 다시 열겠습니다. 왜 안 돼? 내 경주 스크립트는 내가 처음부터 시작한다는 것을 보여주기 위한 것입니다. 하지만 이 열에 라벨이 지정되어 있으므로 이제 이 그래픽 중 하나 위로 마우스를 가져가면...세 개가 표시됩니다. |
| 이 그래픽에 대한 정보 조각을 수집하고 원하는 수만큼 문자를 고정할 수 있습니다. |
| 이것이 바로 이 그래픽을 사용할 수 있는 한 가지 방법입니다. |
| 또 다른 방법은 마커에 사용하는 것입니다. |
| 그리고 여러분이 얻게 될 그래픽은 점 위에 떠서 이전에 가지고 있던 다이아몬드 모양 대신 사용됩니다. |
| 나는 그 건강 이미지, 작은 학교를 다시 가져올 것이고, 심지어 그 그래픽도 다시 가져올 것입니다. |
| 그래서 지금 우리는 그 다이아몬드를 가지고 있습니다. 여기 이런 모양으로 바꾸려면, |
| 우리는 또 하나를 추가해야 했어요 |
| 이 가상 조인 열에 배지를 추가하세요. 정말 인기가 많아서 마커로 활용하고 있습니다. 그러면 새로운 배지가 표시됩니다. 그리고 내 뒤에는, |
| 이러한 이미지가 장면에 포함된 것을 볼 수 있습니다. 마지막 세부 사항은 이미지 주변의 흰색이 별로 마음에 들지 않는다는 것입니다. 그리고 그것은 실제로 그래프 이미지에 내장되어 있습니다. |
| 제가 처리할 수 있는 한 가지 방법은 흰색 영역을 찾아서 투명하게 만들 수 있도록 알파 채널을 설정하는 스크립트가 있다는 것입니다. 이제 우리는 좋은 그래프를 가지고 있습니다. |
| 정사각형 배경이 아닌 둥근 모양입니다. 또 다른 방법은 마커 크기를 늘리는 것입니다. |
| 그리고 11까지 갈 수 있어요. |
| 어때요? 그것은 내가 가지고 있던 것과 거의 비슷해 보입니다. 10이면 더 좋았을 것 같아요. 하지만 난 11시에 가는 걸 좋아해. 알았어, 그럼 그렇지 |
| 마커에서 사용하세요. 좀 더 복잡한 그래프를 만들고 싶습니다. 이것이 앤더슨 메이필드 박사가 추구한 것입니다. 마커 뒤의 열 지도입니다. 꽤 복잡하지만 JMP가 이를 처리할 수 있습니다. 그것은 실제로 윤곽선입니다. |
| 그래서 제가 여기 가지고 있는 것은 작은 학교의 또 다른 버전입니다. 하지만 이번에는 바다 온도가 나와요 |
| 맨 아래로 |
| 실제 포인트로 표시되지 않도록 숨겨져 있습니다. |
| 그래서 저는 이미 이것에 대한 이미지를 만들었습니다. |
| 실제로 이전에 만든 것과 동일한 이미지입니다. |
| 그리고 나는부터 시작하겠습니다 |
| 여기에서 끝이 나므로 내가 무엇을 하려는지 실제로 볼 수 있습니다. 그래서 저는 기본적으로 이런 그래픽을 갖고 싶습니다. |
| 윤곽선 위로 마우스를 가져가면 사물이 무엇인지 보여주는 몇 가지 범례가 있습니다. |
| 너무 어렵지는 않습니다. 이미 배치된 지도와 x와 y에 이미 위도가 표시된 부분부터 시작하겠습니다. |
| 그래서 제가 가장 먼저 하고 싶은 일은 윤곽선을 추가하는 것입니다. |
| 그리고 약간의 색상을 추가해야 하므로 임시 역할을 색상 역할 위로 드래그하고 이 윤곽선의 수준 수를 조정하겠습니다. |
| 알파를 약간 변경하고 부드러움을 추가하세요. |
| 다음으로 하고 싶은 일은 조금 투명하게 만드는 것입니다. |
| 그것에 .6을 넣어 봅시다. |
| 그건 제가 예전에 가졌던 것과 거의 같습니다. 이제 마커를 추가할 수 있는 두 가지 방법이 있습니다. Shift 키를 사용하여 점을 클릭하거나 그냥 드래그할 수 있습니다. 드래그하려면, |
| 그런 다음 마커 크기를 다시 설정할 수 있습니다. |
| 그렇게 해서 |
| 여기로 가서 다른 작업을 하고 이번에는 10을 사용하겠습니다. 11호는 좀 컸던 것 같아요. 알겠습니다. 좋아 보이는군요. 거의 다 왔습니다. 우리는 이 전설을 연구하고 싶습니다. 이 색상을 어떻게 거기에 넣을 수 있나요? 글쎄, 우리는 이미 건강 역할을 가지고 있습니다. |
| 여기 모퉁이까지 드래그하여 두 번째 색상 역할을 추가하면 됩니다. 처음에는 그래프가 엉망이 됩니다. |
| 우리가 처리할 수 있습니다. 문제는 윤곽선이 실제로 건강 역할을 사용할 필요가 없다는 것입니다. 따라서 이를 비활성화하면 우리가 원하는 것으로 돌아갑니다. |
| 따라서 다음으로 하고 싶은 일은 실제 범례에 색상을 추가하는 것입니다. 그리고 이전처럼 다시 맞춤설정할 수 있습니다. |
| 우리는 시간이 조금 더 걸릴 것입니다. 네 개의 라벨을 갖고 싶습니다. |
| 5시에 시작해서 최대 10시까지 진행하고 싶습니다. |
| 20. |
| 아, 색깔도 반대로 하고 싶었는데. |
| 거의 그렇게 생겼고 거의 완료되었습니다. 조금 더 예쁘게 꾸미고 싶어요. 전설에는 수정하고 싶은 몇 가지 사항이 있습니다. |
| 따라서 범례 설정으로 이동하여 너무 많이 추가되지 않는 것 같은 것들을 제거하고 건강 범례를 맨 위로 이동하십시오. |
| 거기에 있습니다. 그래서 저는 제가 하려고 했던 것과 최대한 일치하고 있다고 생각합니다. |
| 그래서 나는 그 사람을 제거할 수 있습니다. 나는 더 이상 모든 사람에게 이것이 필요하다고 생각하지 않습니다. |
| 하지만 저는 조금 더 덧붙이고 싶습니다. |
| 이 전설을 추가하는 것은 어떻습니까? 이는 이 그래픽의 어느 영역이 무엇을 하는지 실제로 알 수 있는 방법이 아니기 때문에 배고픔, 속도, 힘 및 건강을 알 수 있습니다. 다행히 우리에겐 그게 있다 |
| 매핑 파일. 열 이름에서 모양으로 이동합니다. |
| 잠시 그 내용을 공개하겠습니다. |
| 여기에서 모든 행에 레이블을 지정했고 데이터 레이블 열에도 레이블을 지정했음을 알 수 있습니다. 즉, 그래프를 만들 때 |
| 모두 라벨이 붙을 것입니다. 그래서 이것은 정말 간단합니다. 모양 이름을 선택하여 맵 역할로 드래그하면 해당 그래픽 작업이 실제로 완료됩니다. |
| 따라서 이를 장면에 적용하려면 가장 좋은 방법은 해당 항목을 선택하고 더하기 기호를 누른 다음 복사하는 것입니다. |
| 그런 다음 이미지 편집 응용 프로그램을 열고 디스크에 저장합니다. 물론 저는 이미 그렇게 했습니다. 그래서 나는 갈거야 |
| 일단 보여주시면 그래픽을 다시 가져와야 합니다. |
| 와, 이거 그냥 드래그하면 돼요. |
| 그리고 거기 있습니다. 아, 거기 없어요. 그렇다면 찾을 수 있는 방법이 있습니다. 사용자 정의로 이동하면 일반적으로 이미지를 드래그할 때 배경 이미지도 드래그하기 때문에 배경에 놓입니다. |
| 이제 우리가 해야 할 일은... 무슨 일이 일어나고 있는지 볼 수 있도록 이것을 방해가 되지 않는 곳으로 옮기자... 앞쪽으로 이동하는 것입니다. 여기 온다 |
| 그리고 거기에 간다. 앞쪽에 있어요. 그리고 실제로 여기에 약간의 투명도를 추가하고 싶습니다. 왜냐하면 제가 원하는 것보다 너무 밝기 때문입니다. |
| 그럼 .8을 넣어봅시다. |
| 이제 모서리로 드래그하기만 하면 거의 모든 작업이 완료됩니다. |
| 좋습니다. 내용도 많고 파일도 많이 포함되었습니다. 그럼 사용된 모든 파일을 요약해 보겠습니다. 나는 복잡한 파이 메이커를 사용하여 필요한 두 개의 맵 파일인 모양 파일을 생성했습니다. 나는 작은 학교를 다녔고 그것을 쌓았습니다. |
| 맵 역할이 있는 이름 파일을 가리키는 데 필요한 매핑 파일을 형성하기 위해 이 열을 만들었습니다. 나는 링크 참조를 사용하여 소규모 학교에 다시 가상 조인을 수행했습니다. |
| 그런 다음 데이터 테이블로 만들고 싶은 그래픽을 만들어 내 health Images.jmp에 저장했습니다. |
| 물론, 그래픽을 만들려면 원래의 작은 학교에 가상으로 다시 연결되어야 했습니다. |
| 그런 다음 소규모 학교 해양 온도에 대해서도 동일한 작업을 수행했습니다. 건강 이미지에 대한 링크 참조입니다. |
| 저는 단지...제 칼럼을 셰이프 파일로 가져가서 해수 온도에 대해 시도한 그래픽에 대한 범례를 그렸고 사용했습니다...기본적으로 끌어서 사용하는 것뿐입니다. |
| 이것이 제가 하고 싶었던 2D 데모의 전부입니다. 여기서 잠시 숨을 돌리고 이제 3D의 세계, 심지어 웹의 세계로 들어가 보겠습니다. |
| 애플리케이션. |
| 좋아요. |
| 이것이 제 웹 3D 산점도 응용 프로그램입니다. |
| 제가 보여드릴 내용은 JMP에서 데이터를 가져오는 방법입니다. |
| 내 지원서는 JMP의 산점도 3D를 기반으로 했습니다. 그래서 이것은 단지 그것이 어떻게 보이는지 여러분에게 상기시키기 위한 것입니다. |
| 이제 이에 대한 작은 데모가 생겼습니다. |
| 기본적으로...몇 가지 기능을 보여드리겠습니다. 먼저 다양한 데이터 세트를 선택하는 기능부터 시작하겠습니다. 다음은 다이아몬드 데이터 세트입니다. |
| 물론 이 그림도 포인트입니다. 그게 전부입니다. 그리고 그들은 이 작은 공 모양으로 그려져 있습니다. 이것이 어떻게 이루어지는지 잠시 후에 설명하겠습니다. |
| 하지만 여러분이 할 수 있는 다른 일은 회전하는 것입니다. JMP에서와 마찬가지로 확대/축소하고 앞뒤로 이동할 수 있습니다. |
| 그리고 호버 라벨도 있습니다. 오른쪽 하단 모서리에 축과 그리드를 그리고 약간의 사용자 정의를 추가한 것을 볼 수 있습니다. 너무 많이하지. |
| 배경을 변경하고 벽의 색상을 설정할 수 있습니다. 약간 파란색을 줄 수 있는지 봅시다. |
| 응, 어쩌면 그건 네 마음에 안 들 수도 있겠지. 하지만 이것은 단지 데모일 뿐입니다. 그런 다음 마커의 크기를 변경할 수 있습니다. |
| 그게 웹에 올라온 거예요. |
| 좋아요, 제가 이 애플리케이션을 시작했을 때 가장 먼저 하고 싶었던 일은 웹에서 실행될 수 있는가 하는 것이었습니다. 내 iPhone이나 iPad에서 잘 작동할까요? |
| 그 기계는 내 데스크탑만큼 강력하지 않기 때문입니다. 그래서 저는 내장된 3D 또는 점 수가 증가하는 3개의 무작위 데이터 세트를 만들었습니다. 가서 이용했는데.. |
| 25,000은 저전력 장치에서 시도해 볼 가치가 있다고 생각했지만 실제로는 고전력 장치를 사용하면 훨씬 더 높아질 수 있습니다. |
| 그러다가 실제 데이터를 가져와야겠다고 생각했고 유명한 붓꽃 데이터 세트를 찾았는데 그것은 쉼표로 구분된 변수 형식인 CSV 형식이었습니다. |
| 그리고 그것을 가져왔습니다. 그러나 그것을 내부 구조로 변환하기 위해 몇 가지 코드를 작성해야 했습니다. |
| 그리고 저는 JMP에 많은 데이터 세트가 있다고 생각했습니다. 차라리 그것들을 가져오고 싶습니다. 그래서 저는 자동차, 다이아몬드, 세포 계측법을 가져왔습니다. 유일한 차이점은 세포 계측법뿐이었고 실제로는 좋지 않았습니다. |
| 실제로 색상이 없는 그래프를 허용하도록 내 애플리케이션을 변경해야 했습니다. |
| 따라서 응용 프로그램은 매우 간단합니다. 단 하나뿐입니다... 그것은 한 페이지의 웹 앱입니다. 그래서 하나의 HTML 파일이 있습니다. 저는 두 개의 JavaScript 파일을 가지고 있고 몇 개의 타사 라이브러리와 하나의 글꼴, 하나의 텍스처를 사용하고 있으며 텍스처는 모양에 사용되는 공입니다. |
| 그래서 제가 게임 업계에서 사용하는 기술은 파티클, 즉 파티클 시스템입니다. 시뮬레이션 게임과 3D 시각화에 매우 일반적으로 사용됩니다. 불, 연기, 불꽃놀이, 구름과 같은 멋진 효과를 적용할 수 있습니다. |
| 그리고 저는 과거에 상업용 게임 엔진 작업에 시간을 보냈고 실제로 파티클 시스템을 가져와 개선하는 것이 제 책임이었습니다. |
| 그래서 나는 이미 이것에 대해 어느 정도 경험을 했습니다. 음, 그것은 JavaScript가 아니라 C++ 세계에 있었습니다. 하지만 꽤 오랫동안 인터랙티브 HTML5와 JMP 작업을 했기 때문에 이제 내가 할 수 있을지 지켜봐야 할 때라고 생각했습니다. |
| 내 열정 중 두 가지를 결합하여 입자 시스템을 사용하는 웹 기반 버전을 생각해 냈습니다. 나는 운이 좋았다. Three.js라는 라이브러리를 찾았습니다. |
| 하드웨어 가속 3D 드로잉을 수행하고 뛰어난 문서화 기능을 갖추고 있으며 파티클 시스템을 포함한 많은 코드 예제가 있어 애플리케이션을 구축하기가 매우 쉽습니다. |
| 사실 저에게 어려웠던 부분은 JMP에서 데이터를 가져오는 방법을 알아내는 것이었습니다. |
| 하지만 저는...그것에 대한 스크립트를 공유하겠습니다. 제가 한 유일한 일은 이러한 객체를 사용하기 쉽게 만드는 것이었습니다. |
| 내 응용 프로그램에서. 그래서 제가 한 일은 JavaScript 배열 객체를 생성하고 숫자 열에 대해 실제로 최소값과 최대값을 추가하는 것이었습니다. 따라서 JavaScript에서 이를 계산할 필요가 없습니다. 물론 JMP는 그런 종류의 계산을 정말 잘합니다. |
| 음, 카테고리, 색상 열에 대해 제가 해야 할 일은 카테고리 사전처럼 사용하는 것이었습니다. 그리고 기본적으로 모든 것은 하나의 목록에 있는 범주의 이름이며 0 기반 인덱스로 해당 값을 가리킵니다. 이것이 바로 그 구조가 작동하는 방식입니다. |
| 사용자 인터페이스를 만드는 것이 좋을 것이라고 생각했습니다. 그리고 실제로 그것은 쉬운 일이었습니다. 잠시 후에 그것을 보여드리겠습니다. 하지만 기본적으로 내가 해야 할 일은 x, y, z에 대한 숫자 열로 제한하는 것뿐입니다. |
| 그런 다음 색상 역할에 대한 범주형 열로 제한합니다. |
| 그럼 해당 코드를 살펴보겠습니다. |
| 좋습니다. 우선 매우 간단한 데이터 세트의 예를 들어보겠습니다. |
| 그리고 대화가 정말 쉬웠어요. 저는 열 대화 상자를 사용하여 숫자 열에 원하는 것과 색상 열에 원하는 것을 지정하고 모델링 유형이 범주형이므로 순서형과 명목형인지 확인했습니다. |
| 다음으로 열 데이터를 가져와서 필요한 JavaScript 개체를 구축합니다. 최소 및 최대 문자열은 다음과 같습니다. 그리고 이것은 단지 이러한 객체들의 문자열을 만드는 것입니다. |
| 그런 다음 색상 열이 있으면 동일한 작업을 수행합니다. 해당 문자열을 꺼내서 JavaScript 개체에 채워야 하기 때문에 조금 더 복잡합니다. |
| 그리고 마지막으로 해야 할 일은 이것을 텍스트 파일로 저장하는 것뿐입니다. |
| 그럼 한번 시도해 보겠습니다. |
| 물론 Big Class를 사용할 것이기 때문에 작은 파일로도 괜찮습니다. |
| 그리고 |
| 그래서 스크립트를 실행합니다. |
| 그리고 그것은 나에게 '내 XYZ에 대해 무엇을 원하는가'라고 물었습니다. 이미 키와 몸무게가 선택되어 있고 나이는 숫자 열이므로 이 열도 사용하겠습니다. 성별은 색상에 적합합니다. |
| 그러면 끝났습니다. 실제로 여기 출력은 파일이 어디에 있는지 알려줍니다. |
| 다음 슬라이드에 그 내용이 나와 있습니다. 그럼 그것에 대해 살펴보겠습니다. |
| 그래서 여러분은 JavaScript에서 Big Class가 어떻게 보일지 항상 궁금했을 것입니다. 그리고 이것이다. 그래서 당신은 세 가지를 볼 수 있습니다 |
| 최소값과 최대값이 포함된 숫자 열과 색상 열에는 범주에 대한 F와 M 사전이 있고 0은 여성을 의미하고 하나는 남성을 의미합니다. 자, 이것이 이번 강연의 흥미진진한 마무리입니다. 재미있게 즐기셨기를 바랍니다. |
| 시청해 주셔서 감사드리며, 궁금한 점이 있으면 질문해 주세요. |
