커리큘럼

아카데미모듈 6 · 노트 너머의 표면

지도 캔버스: 에이전트가 그려 주는 지도

4개 레슨 중 3번째10분

이 레슨에서 배우는 것

  • 채팅에서 공간 질문을 던져 지도를 얻을 수 있고, 지도 버튼이 왜 없는지 설명할 수 있습니다
  • "크게 보기"로 지도를 전체 화면으로 열고, 베이스맵을 바꾸고, 범례를 읽을 수 있습니다
  • 지도 위 마크를 선택해 @멘션으로 에이전트에게 넘기고, 핀에서 지식그래프로 건너뛸 수 있습니다
  • 장소가 그래프에 기억된 뒤에는 최근접, 반경 내, 실제 경로, 이동 시간 같은 후속 공간 질문을 던질 수 있습니다

워크스페이스에는 장소가 자주 등장합니다. 세 도시에 흩어진 고객 미팅, 주소가 적힌 사건 기록, 노트 열두 개에 걸친 교토 여행. 텍스트로만 읽으면 정작 가장 중요한 것, 무엇이 무엇과 얼마나 가까운지가 안 보입니다.

Consilience는 공간 질문에 진짜 인터랙티브 지도로 답하고, 그 지도는 에이전트가 대신 그려 줍니다. "고객 미팅을 지도에 올려 줘""사무실에서 15분 안에 갈 수 있는 곳은?" 하고 물어보세요. 에이전트가 장소를 지오코딩하고 분석을 돌린 뒤, 대화 안에 살아 있는 지도를 그려 줍니다.

실제 지도 캔버스입니다. 직접 이동해 보고, 확대해 보고, 핀도 클릭해 보세요.

그리지 말고 물어보세요

앱 어디에도 지도 버튼이나 사이드바 아이콘이 없습니다. 지도는 에이전트가 채팅 턴 중에 write_map 툴을 호출해야 생겨납니다. 그러니 아무 채팅에서나 지도를 요청하면 됩니다.

장소 이름이 좌표로 바뀌는 동안 "Geocoding places"(장소 지오코딩) 카드가 뜹니다. 이어서 "Authored map"(지도 작성 완료) 카드가 나타나고, 그 아래에 살아 있는 지도가 인라인으로 표시됩니다. 이동도 줌도 클릭도 그 자리에서 바로 됩니다.

지도는 8가지 레이어 타입으로 조립합니다. 원하는 대로 쌓고 겹칠 수 있습니다.

  • scatterplot: 점. 핀과 버블이며, 반지름에 숫자 값을 매핑할 수 있습니다
  • heatmap: 부드러운 밀도 표현
  • geojson: 폴리곤과 선. 행정구역 경계나, 값에 따라 지역을 색칠한 코로플레스 지도 같은 것
  • path: 경로
  • text: 지도 위에 놓는 라벨
  • hexagon: 셀마다 실제 값이 붙는 자동 육각 밀도 집계
  • arc: 출발지와 도착지 쌍을 잇는 대권 연결선
  • raster: 실시간 날씨 같은 타일 이미지 오버레이

크게 열어 보기

인라인 카드 하단에 "크게 보기" 버튼이 있습니다. 누르면 지도가 전체 화면 탭(지도 핀 아이콘, 지도 제목)으로 열립니다. 채팅은 왼쪽 사이드바로 붙어서, 지도를 보면서 계속 대화할 수 있습니다.

조작은 익숙한 제스처 그대로입니다. 드래그로 이동, 스크롤이나 핀치로 줌, 오른쪽 드래그로 회전과 기울이기. 열릴 때 카메라가 데이터 전체에 자동으로 맞춰지고, 3D 돌출이 있는 지도는 처음부터 기울어진 채 열립니다.

컨트롤위치하는 일
내비게이션 컨트롤오른쪽 위줌 인, 줌 아웃, 그리고 북쪽과 수평으로 되돌리는 나침반/피치 버튼
"지도 스타일" 버튼오른쪽 위, 내비게이션 아래베이스맵 메뉴: "표준"(기본 3D), "은은함", "단색", "라이트 2D", "다크 2D", "위성". 고른 스타일은 에이전트가 지도를 다시 써도 유지됩니다
범례오른쪽 아래, 전체 화면 전용카테고리마다, "≥ 50" 같은 코로플레스 구간마다, 또는 레이어마다 붙는 색 견본과 라벨
시간 스크러버아래 가운데, 시간 차원이 있는 지도에서만타임스탬프 데이터를 되감아 재생합니다(아래에서 자세히 다룹니다)
호버 툴팁인터랙티브한 모든 마크피처(지도 위 개별 점·도형)의 필드를 보여주는 작은 팝업(예외는 히트맵 레이어로, 호버도 클릭도 안 됩니다)

점 하나에서 질문으로

지도에서 채팅으로, 다시 그래프로

  1. 마크를 클릭합니다

    지도 상단에 "선택됨: {라벨}" 알약이 나타납니다. "×" 버튼("선택 해제")으로 해제하거나, 빈 지도를 클릭해도 풀립니다.

  2. 작성창이 받아 갑니다

    채팅 작성창에 @라벨 멘션 칩이 생깁니다. 다음 메시지에는 그 피처의 전체 속성과 좌표가 보이지 않게 딸려 갑니다. 그래서 "이건 왜 이상치야?" 한마디가 그냥 통합니다.

  3. 바로 그 장소에 대해 묻습니다

    메시지를 보내면 에이전트는 당신이 클릭한 바로 그 피처를 데이터째로 받습니다. 어느 점을 말하는지 설명할 필요가 없습니다.

  4. 지식그래프로 건너뜁니다

    클릭한 피처가 내 엔티티에 묶여 있으면 알약에 "그래프에서 보기" 버튼이 함께 나타납니다. 한 번 누르면 그 엔티티에 포커스된 그래프 뷰가 열립니다.

이해도 체크

밀도 지도에서 육각형 셀을 클릭했습니다. "선택됨" 알약은 떴는데 "그래프에서 보기" 버튼이 없습니다. 왜일까요?

진짜 분석, 진짜 지오메트리

지도는 제대로 일합니다. 공간 분석은 앱이 직접, 결정론적으로 계산하고, 실제 이동 지오메트리는 직선 어림 대신 실시간 서비스에서 가져옵니다.

이렇게 물으면이것이 돌아갑니다
"사건이 어디에 몰려 있어?"육각 밀도 집계, 또는 hotspot 분석(Getis-Ord Gi*). 통계적으로 유의한 핫스팟과 콜드스팟을 찾아냅니다
"어디로 번지고 있어?"emergingHotspot. 셀마다 심화, 감소, 지속, 신규, 산발, 과거형으로 분류하는 시공간 추세 검정
"A에서 B까지 어떻게 가?"directions. 경유지 사이의 실제 도로, 도보, 자전거 경로. 거리와 소요 시간도 포함합니다
"사무실에서 15분 안에 갈 수 있는 곳은?"isochrone. 실제 이동 시간 도달 폴리곤. N분 안에 닿을 수 있는 모든 곳을 여러 시간대로 겹쳐 보여 줍니다
"각 매장에서 제일 빨리 닿는 창고는?"travel_matrix. 지점들 사이의, 출발지에서 도착지까지의 이동 시간 행렬
"창고 2km 안에 뭐가 있어?" (지도 없이)query_geo. 그래프가 이미 기억하는 장소들에 대한 최근접, 반경 내, 경계 상자, 폴리곤 내부 질의
그래프가 장소에 대해 기억하는 것
(교토역)  -위치->  POINT(135.7587 34.9858)

지도의 진짜 값어치는 그 다음부터입니다. 어떤 장소가 엔티티 바인딩과 함께 한 번 지도에 오르고 나면, 에이전트는 아무것도 그리지 않고도 그 장소에 대한 공간 질문에 답합니다. "가장 가까운 고객 5곳"이나 "이 구역 안의 모든 자산"을 물어보면, 이후 어느 대화에서든 query_geo가 처리해 줍니다.

시간 되감기

맵스펙에 시간 필드가 선언되어 있으면 지도에 시간 스크러버가 생깁니다. 인라인 카드에서는 하단에, 전체 화면 탭에서는 아래 가운데에 있습니다(접근성 이름 "시간 스크러버"). 기본값은 맨 끝, 즉 전부 보이는 상태입니다.

왼쪽으로 끌면 선택한 시점까지의 피처가 누적으로 필터링됩니다. 변환이 필터링된 데이터 위에서 다시 계산되기 때문에, 육각 집계와 핫스팟, 코로플레스가 드래그하는 동안 살아 움직입니다. 스크러빙은 카메라를 다시 프레이밍하지 않으므로, 한 동네를 응시한 채 패턴이 재생되는 걸 지켜볼 수 있습니다.

이해도 체크

사건 지도에서 시간 스크러버를 3월 15일로 끌었습니다. 지도에는 무엇이 보일까요?

맵스펙(mapspec)
에이전트가 쓰는 선언적 JSON. 제목, 카메라, 베이스맵, 레이어가 담깁니다. 두 번 검증되어 네이티브 지도 레이어로 컴파일됩니다.
변환(transform)
레이어 데이터 위에서 앱이 돌리는 파라미터형 공간 계산: 육각 집계, 커널 밀도, 버퍼, 클러스터, 보로노이, 핫스팟 통계 등.
지오코딩
장소 이름을 OpenStreetMap으로 좌표로 바꾸는 일. 정방향, 역방향, 이름 하나부터 한꺼번에 여러 개까지 됩니다. 모든 좌표는 실제로 확인된 위치입니다.
등시선(isochrone)
이동 시간 도달 폴리곤: N분 안에 닿을 수 있는 모든 곳을 실제 도로망 위에서 계산한 것.
시간 스크러버
시간 차원이 있는 지도의 슬라이더. 선택한 시점까지 피처를 누적 필터링하고, 드래그하는 동안 분석 레이어를 실시간으로 다시 계산합니다.
query_geo
지식그래프가 기억해 둔 엔티티 좌표에 대해 최근접, 반경 내, 폴리곤 내부 질문에 답하는 에이전트 툴.

지도는 에이전트가 대화 안에서 그려 주는 캔버스입니다. 다음 레슨의 디자인 캔버스에서는 에이전트가 화면 자체를 그려 주고, 당신은 그것을 붙잡아 다듬게 됩니다.

지도 캔버스: 에이전트가 그려 주는 지도 · Consilience Academy