KAI KEY · Lab

재벌 지분구조를 쉽게 읽는 인터랙티브 도구

egroup.go.kr(공정위 기업집단포털)처럼 숨은 지분·지배구조·재벌 간 관계를 해외 투자자가 한눈에 보고 해석하도록. 같은 삼성그룹 데이터(illustrative)로 세 가지 도구를 만들었습니다. 의미 없는 애니메이션이 아니라, 데이터를 읽기 쉽게 하는 기능에 집중했습니다.

ILLUSTRATIVE DATA Samsung Group · 삼성그룹 현행 /key·라이브 무접촉 스펙: DESIGN.md
★ Chaebol Ownership — 핵심 방향
Direction G · ★ Chaebol
Ownership Graph 지분 관계도
누가 누구 지분을 — 계열사 지분도를 인터랙티브로.
  • 노드 클릭 → 소유·피소유 관계
  • 지배경로 추적 (유효 vs 직접 지분)
  • 순환출자 강조 · 지분 임계 필터
열기 →
1.6%16.6%
Lee family ↓ 31.9%
Samsung C&T ↓ 19.3%
Samsung Life ↓ 8.5%
Samsung Electronics
Direction H · ★ Chaebol
Hidden Control 숨은 지배구조
"직접 1.6%로 어떻게 삼성전자를 지배하나."
  • 지배 사슬 사다리
  • 누적 유효 지배율 계산
  • 직접 ↔ 유효 지분 토글
열기 →
Direction I · ★ Chaebol
Cross-Holding Matrix 상호출자 행렬
행=소유사 · 열=피소유사 · 칸=지분%.
  • 호버 시 정확% · 행/열 강조
  • 순환출자 칸만 보기 토글
  • 내부지분 정렬 ledger
열기 →
★ Combined — 종합 (좋은 요소 + 지분 데이터를 섞은 통합 도구)
TERMINAL
Direction J · ★ Combined
Chaebol Terminal 통합 터미널
시세 + 지배구조를 한 화면에. 파워 투자자용.
  • 가격 차트 + 지분 그래프 통합
  • 지배경로 추적 · 순환출자
  • 핵심 지분 · 공시 레일
열기 →
1.6%16.6%
Direction K · ★ Combined
Who Controls Samsung? 해설
스크롤하며 지배구조가 단계적으로 드러남.
  • 해외 투자자용 가이드 내러티브
  • 사다리·그래프 점진적 공개(기능)
  • "왜 중요한지" 인사이트
열기 →
Direction L · ★ Combined
Ownership Cockpit 커맨드 센터
타일 클릭 → 드로어로 풀 인터랙티브 도구.
  • 그래프·행렬·사다리 드릴다운
  • 유효지배·순환출자 타일
  • 그룹 스위처
열기 →
★ UI/UX Pro Max — 디자인 인텔리전스 (스킬이 고른 스타일·팔레트·폰트 적용)
Direction M · UI/UX Pro
Investor Desk 데이터 데스크
Data-Dense Dashboard · Fira Code / Fira Sans.
  • 정렬·필터되는 holdings ledger
  • 그래프 ↔ 테이블 연동(클릭 추적)
  • 상호출자 히트맵 · KPI
열기 →
AI KEY · Investigates
1.6%
The Dynasty
Direction N · UI/UX Pro
The 1.6% Dynasty 탐사보도
Dark 데이터 저널리즘 · Newsreader / Roboto.
  • 탐사보도형 데이터 스토리
  • 핵심 findings + 주석 달린 그래프
  • 딥블랙 고대비 · serif 헤드라인
열기 →
Control
Ownership Brief № 01
Direction O · UI/UX Pro
Intelligence Brief 인텔리전스
Liquid Glass 프리미엄 · Cormorant / Montserrat.
  • 웜다크 + 골드 · 글래스 패널
  • 고급 리서치 브리프 외형
  • 인터랙티브 지분맵(기능 유지)
열기 →
초기 탐색 · 기업 허브 스타일 (참고용)

처음 만들었던 6개 — 기업 상세 허브의 디자인/인터랙션 탐색입니다. 방향이 아니어서 참고용으로만 남겨둡니다.

TERMINAL
A
Terminal Pro
다크 데이터 터미널.
열기 →
Equity Brief
Memory upcycle setup
B
Editorial Brief
에디토리얼 스크롤리텔링.
열기 →
C
Command Bento
앱형 벤토 대시보드.
열기 →
D
Aurora Glass
글래스모피즘.
열기 →
SAMSUNG ▲
005930
AI 78
E
Brutalist Tape
네오브루탈리즘.
열기 →
F
Spatial · 3D
WebGL / three.js.
열기 →

여는 방법

① 카드를 클릭하면 바로 열립니다 (차트·폰트가 CDN에서 로드되므로 인터넷 연결 필요).

② 로컬 파일로 직접: open ~/Desktop/ensedaily/ai-key-lab/index.html