시각화 | 서소영의 서재

Colorfigures로 만든 세탁기 도해. 투시 보기와 라벨을 켜서 드럼, 모터, 히터, 배수 펌프, 제어 기판의 위치가 이름표와 함께 보인다.

읽는 설명에서 만지는 설명으로: 인터랙티브 웹을 만드는 공개 AI 스킬 28선

코딩 에이전트에게 설치하면 버튼이 눌리는 기계 도해, 슬라이더로 조건을 바꾸는 실험 도구, 브라우저에서 조종하는 캐릭터, 스크롤에 따라 전개되는 제품 페이지를 만들어 주는 공개 스킬 28종을 정리했다. 대표 사례 7종은 공개 데모를 직접 조작한 화면으로 보여 주고, 전체 목록은 원본 링크와 용도를 붙인 표로 남긴다.

같은 아키텍처 D2 파일을 세 엔진으로 그린 그림. A에서는 TALA가 데이터 층을 맨 위에, 브라우저와 앱을 맨 아래에 배치했다. B에서는 ELK가, C에서는 dagre가 브라우저와 앱을 위에 배치했다. B와 C 모두 엣지, 서비스, 데이터 상자 이름에 선이 겹친다.

explainer

일본 개발자 mizchi가 공개한 Claude Code 플러그인이다. 독자 한 명의 페르소나를 만들어 그 사람이 모르는 내용만 쓰게 한다. 본문에 인용한 실행 결과는 스크립트를 다시 실행해 대조하고, 그림은 사실 시트와 비교한다. 저자가 직접 돌린 평가에서는 스킬이 없어도 모델이 독자가 아는 내용을 생략했고, 스킬의 효과는 실행하지 못한 코드를 보고하는 습관과 답을 함께 제시한 이해도 점검에서 드러났다.

JP Market Vis 전체 맵 초기 화면. 왼쪽 패널에 표시 중인 기업 3,522곳과 관계 11,065건, 관계 범주 버튼과 최소 관계 수 슬라이더가 있다. 중앙에는 수천 개의 원이 선으로 연결된 둥근 네트워크가 그려져 있고 도요타자동차, 일본증권금융, 미쓰비시 그룹, 미쓰이 그룹 같은 이름표가 표시되어 있다

JP Market Vis — 日本の上場企業マップ

일본 개발자 mattya_monaca가 상장사 3,812곳의 자본, 거래, 제휴, 임원 겸임, 그룹 관계를 출처와 함께 탐색하는 정적 웹 앱을 공개했다. 관계 대부분은 EDINET 유가증권보고서에서 추출했고, 작성자는 EDINET 이외 출처를 늘리려던 목표를 달성하지 못했다는 신뢰성 감사 결과도 함께 공개했다.

Archify

코드베이스를 채팅 안에서 인터랙티브한 시스템 맵으로 바꾸는 에이전트 스킬. 에이전트는 그림 대신 타입이 정해진 JSON을 쓰고, Archify가 검증을 모두 통과한 결과만 HTML 한 파일로 내놓는다.

mindwalk

Claude Code·Codex의 세션 로그를 코드베이스의 3D ‘밤의 지도’ 위에서 빛의 이동으로 재생하는 로컬 시각화 도구. 에이전트가 무엇을 했는가가 아니라 태스크를 어떻게 이해했는가를 한눈에 보여준다.

AttentionViz: A Global View of Transformer Attention

트랜스포머 어텐션을 단일 문장의 bipartite 그래프가 아니라 다수 입력에 걸친 query-key joint embedding으로 사영해 헤드 전체를 한눈에 비교하는 시각화 기법과 도구 AttentionViz. BERT의 나선·induction head, ViT의 hue·brightness 헤드, GPT-2의 norm disparity 같은 발견을 사례로 든다.