# graph.heal7.com — Graph Source Buffet
This is an internal source buffet for AI workers, not a marketing site.
Pick a SKU, fetch the markdown, paste the fenced code. Do not scrape index.html for source.
## Fast path (2 fetches after this file)
1. https://graph.heal7.com/catalog.json — pick a SKU by family/tags/tasks
2. https://graph.heal7.com/sku/{CODE}.md — copy the first fenced block
Same-origin shortcuts:
- /catalog.jsonl one JSON object per line (grep-friendly)
- /catalog.md table of every SKU
- /ai.html zero-JS HTML index
- /ai.json machine profile
- /sku/{CODE}.js raw paste module
- /#{CODE} human gallery deep link (example: /#DIS-01)
## Do not
- Do not copy from `js/graph-gallery/main.js` unless you are editing the gallery itself.
- Do not load `echarts-gl.min.js` unless deps include echarts-gl.
- Do not treat window.__CATALOG_META__ as the source of truth for code. It is metadata only.
- Do not invent a new chart API. Paste the SKU fence.
## Theme token T
{
"bg": "transparent",
"fg": "#ece8f5",
"sub": "#a59bbd",
"grid": "rgba(255,255,255,.08)",
"gold": "#e8c069",
"royal": "#6b8cff",
"rose": "#e07a9f",
"teal": "#6dd2c4",
"plum": "#b487e8"
}
## Paste kinds
| pasteKind | How to paste |
|---|---|
| echarts-option | `echarts.init(el).setOption(option)` |
| echarts-mount | copy factory, keep helper `reg` / `T` |
| schema-svg | inline SVG, no chart library |
| custom-mount | canvas/svg/dom factory as-is |
## SKU index
### distribution
- [DIS-01] Donut · 도넛 · echarts-option · composition · distribution,비율,빈도,composition,share,donut · /sku/DIS-01.md
- [DIS-02] Gauge · 게이지 · echarts-option · kpi · distribution,비율,빈도,kpi,progress,gauge · /sku/DIS-02.md
- [DIS-03] Radar · 레이더 · echarts-option · multivariate · distribution,비율,빈도,multivariate,radar,레이더 · /sku/DIS-03.md
- [DIS-04] Bar · 수직 막대 · echarts-option · comparison · distribution,비율,빈도,multivariate,comparison,ranking · /sku/DIS-04.md
- [DIS-05] H-Bar · 수평 막대 · echarts-option · comparison · distribution,비율,빈도,comparison,ranking,bar · /sku/DIS-05.md
- [DIS-06] Waffle · 와플 차트 · echarts-mount · composition · distribution,비율,빈도,composition,share,waffle · /sku/DIS-06.md
- [DIS-07] Treemap · 트리맵 · echarts-option · hierarchy · distribution,비율,빈도,hierarchy,tree,treemap · /sku/DIS-07.md
- [DIS-08] Histogram · 히스토그램 · echarts-mount · distribution · distribution,비율,빈도,density,histogram,히스토그램 · /sku/DIS-08.md
- [DIS-09] Stacked 100% · 누적 비율 막대 · echarts-mount · composition · distribution,비율,빈도,composition,share,stacked · /sku/DIS-09.md
- [DIS-10] Density · 커널 밀도 · echarts-mount · distribution · distribution,비율,빈도,density,커널,밀도 · /sku/DIS-10.md
- [DIS-11] Pareto · 파레토 · echarts-mount · distribution · distribution,비율,빈도,pareto,파레토 · /sku/DIS-11.md
- [DIS-12] Stacked Column · 누적 수직 막대 · echarts-mount · composition · distribution,비율,빈도,composition,share,stacked · /sku/DIS-12.md
- [DIS-13] Marimekko · 모자이크 비율 · echarts-mount · composition · distribution,비율,빈도,composition,share,marimekko · /sku/DIS-13.md
- [DIS-14] Variwide · 가변폭 막대 · echarts-mount · composition · distribution,비율,빈도,composition,share,variwide · /sku/DIS-14.md
- [DIS-15] Ridgeline · 능선 분포 · custom-mount · distribution · distribution,비율,빈도,ridgeline,joy plot,능선 · /sku/DIS-15.md
### network
- [NET-01] Chord · 코드 다이어그램 · echarts-mount · relationship · network,relationship,flow,chord,코드,다이어그램 · /sku/NET-01.md
- [NET-02] 9-Box · 매트릭스 · echarts-mount · matrix · network,relationship,flow,distribution,density,9-box · /sku/NET-02.md
- [NET-03] Sankey · 산키 · echarts-option · relationship · network,relationship,flow,sankey,산키 · /sku/NET-03.md
- [NET-04] Synergy Matrix · 직무×역량 매트릭스 · echarts-mount · matrix · network,relationship,flow,matrix,heatmap,synergy · /sku/NET-04.md
- [NET-05] Arc · 호 다이어그램 · echarts-mount · relationship · network,relationship,flow,arc,다이어그램 · /sku/NET-05.md
- [NET-06] Bipartite · 양분 그래프 · echarts-mount · relationship · network,relationship,flow,bipartite,양분,그래프 · /sku/NET-06.md
- [NET-07] Hive Plot · 하이브 플롯 · echarts-mount · relationship · network,relationship,flow,hive,plot,하이브 · /sku/NET-07.md
- [NET-08] Dendrogram · 직교 트리 · echarts-mount · hierarchy · network,relationship,flow,hierarchy,tree,dendrogram · /sku/NET-08.md
- [NET-09] Mind Map · 마인드맵 · echarts-mount · hierarchy · network,relationship,flow,hierarchy,tree,mindmap · /sku/NET-09.md
- [NET-10] Edge Bundling · 곡선 묶음 · echarts-mount · relationship · network,relationship,flow,edge,bundling,곡선 · /sku/NET-10.md
- [NET-11] Galaxy Force · 다중 중심 · echarts-mount · relationship · network,relationship,flow,galaxy,force,다중 · /sku/NET-11.md
- [NET-12] Upset · 집합 교집합 · echarts-mount · set-intersection · network,relationship,flow,upset,set,집합 · /sku/NET-12.md
### timeline
- [TIM-01] Line · 라인(대운) · echarts-mount · time-series · time-series,trend,timeline,line,라인,대운 · /sku/TIM-01.md
- [TIM-02] Polar Rose · 방사형 · echarts-mount · time-series · time-series,trend,timeline,polar,rose,방사형 · /sku/TIM-02.md
- [TIM-03] Smooth Area · 강화 곡선 · echarts-option · time-series · time-series,trend,timeline,smooth,area,강화 · /sku/TIM-03.md
- [TIM-04] Calendar · 캘린더 히트맵 · echarts-mount · calendar · time-series,trend,timeline,calendar,heatmap,캘린더 · /sku/TIM-04.md
- [TIM-05] Stream · 스트림 그래프 · echarts-mount · relationship · time-series,trend,timeline,network,flow,stream · /sku/TIM-05.md
- [TIM-06] Step Line · 계단 라인 · echarts-mount · time-series · time-series,trend,timeline,step,line,계단 · /sku/TIM-06.md
- [TIM-07] Range Area · 신뢰구간 영역 · echarts-mount · time-series · time-series,trend,timeline,range,area,신뢰구간 · /sku/TIM-07.md
- [TIM-08] Gantt · 간트 차트 · echarts-mount · schedule · time-series,trend,timeline,gantt,간트,차트 · /sku/TIM-08.md
- [TIM-09] Dual Axis · 이중축 · echarts-mount · time-series · time-series,trend,timeline,dual,axis,이중축 · /sku/TIM-09.md
- [TIM-10] Sparkline Grid · 미니 라인 격자 · echarts-mount · time-series · time-series,trend,timeline,sparkline,grid,미니 · /sku/TIM-10.md
- [TIM-11] Event Timeline · 이벤트 타임라인 · echarts-mount · time-series · time-series,trend,timeline,event,이벤트,타임라인 · /sku/TIM-11.md
- [TIM-12] Horizon Chart · 호라이즌 · echarts-mount · distribution · time-series,trend,timeline,distribution,density,horizon · /sku/TIM-12.md
- [TIM-13] Spiral Time · 시간 나선 · echarts-mount · time-series · time-series,trend,timeline,spiral,time,시간 · /sku/TIM-13.md
- [TIM-14] Cohort Heatmap · 코호트 잔존 · echarts-mount · cohort · time-series,trend,timeline,3d,spatial,cohort · /sku/TIM-14.md
### spatial
- [3D-01] 3D Bars · 입체 막대 · echarts-mount · spatial-3d · 3d,spatial,webgl,comparison,ranking,bars · /sku/3D-01.md
- [3D-02] Globe · 키워드 글로브 · echarts-mount · geospatial · 3d,spatial,webgl,globe,geo,키워드 · /sku/3D-02.md
- [3D-03] Surface3D · 3D 표면 · echarts-option · spatial-3d · 3d,spatial,webgl,surface3d,표면 · /sku/3D-03.md
- [3D-04] 3D Cluster · 클러스터 산점 · echarts-mount · spatial-3d · 3d,spatial,webgl,multivariate,cluster,클러스터 · /sku/3D-04.md
- [3D-05] 3D Path · 입체 경로 · echarts-mount · spatial-3d · 3d,spatial,webgl,path,입체,경로 · /sku/3D-05.md
- [3D-06] 3D Bubble · 입체 버블 · echarts-mount · spatial-3d · 3d,spatial,webgl,multivariate,bubble,입체 · /sku/3D-06.md
- [3D-07] 3D Network · 공간 네트워크 · echarts-mount · spatial-3d · 3d,spatial,webgl,network,flow,공간 · /sku/3D-07.md
- [3D-08] 3D Heatmap · 입체 히트맵 · echarts-mount · spatial-3d · 3d,spatial,webgl,heatmap,입체,히트맵 · /sku/3D-08.md
- [3D-09] 3D Contour Surface · 등고선 표면 · echarts-mount · spatial-3d · 3d,spatial,webgl,contour,surface,등고선 · /sku/3D-09.md
- [3D-10] DNA Helix · 이중 나선 · echarts-mount · spatial-3d · 3d,spatial,webgl,dna,helix,이중 · /sku/3D-10.md
### compare
- [CMP-01] Overlay Radar · 듀얼 레이더 · echarts-option · multivariate · comparison,benchmark,delta,multivariate,radar,overlay · /sku/CMP-01.md
- [CMP-02] Funnel · 깔때기 · echarts-option · pipeline · comparison,benchmark,delta,funnel,pipeline,깔때기 · /sku/CMP-02.md
- [CMP-03] Pictorial · 캐릭터 배치 · echarts-mount · positioning · comparison,benchmark,delta,pictorial,persona,캐릭터 · /sku/CMP-03.md
- [CMP-04] Box+Strip · 박스 분포 + 개별 점 · echarts-mount · distribution · comparison,benchmark,delta,distribution,density,box+strip · /sku/CMP-04.md
- [CMP-05] Bullet · 불릿 차트 · echarts-mount · kpi · comparison,benchmark,delta,kpi,progress,bullet · /sku/CMP-05.md
- [CMP-06] Lollipop · 막대사탕 · echarts-mount · comparison · comparison,benchmark,delta,ranking,lollipop,막대사탕 · /sku/CMP-06.md
- [CMP-07] Slope · 기울기 변화 · echarts-mount · comparison · comparison,benchmark,delta,ranking,slope,기울기 · /sku/CMP-07.md
- [CMP-08] Dumbbell · 덤벨 차트 · echarts-mount · comparison · comparison,benchmark,delta,ranking,dumbbell,덤벨 · /sku/CMP-08.md
- [CMP-09] Tornado · 영향 토네이도 · echarts-mount · comparison · comparison,benchmark,delta,ranking,tornado,영향 · /sku/CMP-09.md
- [CMP-10] Bump · 순위 변동 · echarts-mount · comparison · comparison,benchmark,delta,ranking,bump,순위 · /sku/CMP-10.md
- [CMP-11] Waterfall · 증감 브리지 · custom-mount · bridge · comparison,benchmark,delta,waterfall,bridge,증감 · /sku/CMP-11.md
### dynamic-1
- [INT-01] Liquid Gauge · 물결 게이지 · custom-mount · kpi · interactive,live,exploration,kpi,progress,liquid · /sku/INT-01.md
- [INT-02] Bar Race · 막대 레이스 · echarts-mount · comparison · interactive,live,exploration,kpi,progress,comparison · /sku/INT-02.md
- [INT-03] 본인 자원 지도 · Weak Ties · echarts-mount · social-network · interactive,live,exploration,network,flow,force · /sku/INT-03.md
- [INT-04] Radial Tree · 방사형 트리 · echarts-mount · hierarchy · interactive,live,exploration,hierarchy,tree,radial · /sku/INT-04.md
- [INT-05] Organization Chart · 조직도 · echarts-mount · organization · interactive,live,exploration,hierarchy,tree,org chart · /sku/INT-05.md
- [INT-06] Lines Effect · 흐름 트레일 · echarts-mount · relationship · interactive,live,exploration,network,flow,lines · /sku/INT-06.md
- [INT-07] Parallel · 평행 좌표 · echarts-mount · multivariate-analysis · interactive,live,exploration,multivariate,parallel coordinates,parallel · /sku/INT-07.md
- [INT-08] Pictorial Bar · 아이콘 막대 · echarts-mount · comparison · interactive,live,exploration,comparison,ranking,pictorial · /sku/INT-08.md
- [INT-09] Animated Bubble · 애니메이션 버블 · echarts-mount · multivariate · interactive,live,exploration,multivariate,animated,bubble · /sku/INT-09.md
- [INT-10] Polar Area · 극좌표 영역 · echarts-mount · multivariate · interactive,live,exploration,multivariate,polar,area · /sku/INT-10.md
- [INT-11] Candlestick · 캔들스틱 · echarts-mount · financial · interactive,live,exploration,candlestick,ohlc,캔들스틱 · /sku/INT-11.md
- [INT-12] Real-time Stream · 실시간 라인 · echarts-mount · monitoring · interactive,live,exploration,network,flow,time-series · /sku/INT-12.md
- [INT-13] Multi-Ring Gauge · 다중 링 · echarts-mount · kpi · interactive,live,exploration,kpi,progress,multi · /sku/INT-13.md
- [INT-14] Sunburst Drill · 줌 선버스트 · echarts-mount · hierarchy · interactive,live,exploration,hierarchy,tree,sunburst · /sku/INT-14.md
- [INT-15] Drilldown Treemap · 드릴다운 트리맵 · echarts-mount · hierarchy · interactive,live,exploration,hierarchy,tree,treemap · /sku/INT-15.md
- [INT-16] Concentric Radial · 원형 누적 막대 · echarts-mount · comparison · interactive,live,exploration,comparison,ranking,concentric · /sku/INT-16.md
### dynamic-2
- [INT-17] Particle Constellation · 파티클 네트워크 · custom-mount · ambient-network · interactive,exploration,linked view,network,flow,particles · /sku/INT-17.md
- [INT-18] Brush Scatter · 브러시 산점 · echarts-mount · subset-selection · interactive,exploration,linked view,brush,scatter,브러시 · /sku/INT-18.md
- [INT-19] SPLoM · 산점도 행렬 · echarts-mount · multivariate-analysis · interactive,exploration,linked view,multivariate,splom,산점도 · /sku/INT-19.md
- [INT-20] Zoomable Icicle · 줌형 아이시클 · custom-mount · hierarchy · interactive,exploration,linked view,hierarchy,tree,icicle · /sku/INT-20.md
- [INT-21] Hex Bin · 6각 격자 · echarts-mount · distribution · interactive,exploration,linked view,distribution,density,hex · /sku/INT-21.md
- [INT-22] Network Pulse · 펄스 네트워크 · echarts-mount · network-signal · interactive,exploration,linked view,network,flow,pulse · /sku/INT-22.md
- [INT-23] Counter Tiles · 카운터 타일 · custom-mount · kpi-dashboard · interactive,exploration,linked view,kpi,progress,counter · /sku/INT-23.md
- [INT-24] Audio Wave · 사운드 웨이브 · custom-mount · signal · interactive,exploration,linked view,time-series,audio,waveform · /sku/INT-24.md
- [INT-25] Pie Race · 비중 레이스 · echarts-mount · kpi · interactive,exploration,linked view,kpi,progress,pie · /sku/INT-25.md
- [INT-26] Liquid Multi · 다중 물병 · custom-mount · kpi · interactive,exploration,linked view,kpi,progress,liquid · /sku/INT-26.md
- [INT-27] Heat Pulse · 펄스 매트릭스 · echarts-mount · monitoring · interactive,exploration,linked view,time-series,heatmap,pulse · /sku/INT-27.md
- [INT-28] Magnetic Field · 자기장 · custom-mount · vector-field · interactive,exploration,linked view,magnetic field,canvas,magnetic · /sku/INT-28.md
- [INT-29] Orbital Loader · 궤도 로더 · custom-mount · orbital-system · interactive,exploration,linked view,orbit,loader,orbital · /sku/INT-29.md
- [INT-30] Force Bubble Cloud · 충돌 버블 · custom-mount · collision-layout · interactive,exploration,linked view,multivariate,network,flow · /sku/INT-30.md
- [INT-31] Pulse Beat · 심박 라인 · custom-mount · monitoring · interactive,exploration,linked view,time-series,pulse,heartbeat · /sku/INT-31.md
### schemas
- [SCH-01] 2분할 좌우 · Compare · schema-svg · compare · compare,좌-우,2cells,비교,before-after,A/B · /sku/SCH-01.md
- [SCH-02] 3단계 흐름 · Flow · schema-svg · flow · flow,좌→중→우,3cells,IPO,시퀀스,단방향 · /sku/SCH-02.md
- [SCH-03] 3단 계층 · Top-Down · schema-svg · layer · layer,위↓아래,3cells,계층,top-down,캐스케이드 · /sku/SCH-03.md
- [SCH-04] 만다라트 3×3 · 9-Block · schema-svg · block · block,중심+8,9cells,만다라트,목표분해,BMC · /sku/SCH-04.md
- [SCH-05] 허브-방사 · Hub Radial · schema-svg · radial · radial,중심+N방향,4cells,플랫폼,허브-스포크,이해관계자 · /sku/SCH-05.md
- [SCH-06] 피라미드 · Pyramid · schema-svg · pyramid · pyramid,정점→기반,3cells,Maslow,피라미드,전략 트리 · /sku/SCH-06.md
- [SCH-07] 2×2 매트릭스 · Quadrant · schema-svg · matrix · matrix,2축 교차,4cells,BCG,Eisenhower,우선순위 · /sku/SCH-07.md
- [SCH-08] SWOT · 4-Box · schema-svg · matrix · matrix,내부×외부,4cells,SWOT,전략 진단,사업계획서 · /sku/SCH-08.md
- [SCH-09] 5단계 퍼널 · Funnel · schema-svg · funnel · funnel,위→아래 협소화,5cells,AARRR,전환,채용 · /sku/SCH-09.md
- [SCH-10] PDCA 순환 · Cycle · schema-svg · cycle · cycle,순환,4cells,PDCA,OODA,회고 · /sku/SCH-10.md
- [SCH-11] 4-Block 2×2 · 사분면 분할 · schema-svg · block · block,2×2,4cells,Stop-Start-Continue,4P,4분할 · /sku/SCH-11.md
- [SCH-12] 6-Block 2×3 · 6분할 매트릭스 · schema-svg · block · block,2×3,6cells,5W1H,6Hat,VPC · /sku/SCH-12.md
- [SCH-13] 5-Stage Flow · 5단계 흐름 · schema-svg · flow · flow,좌→우 5단,5cells,Double-Diamond,5단계,파이프라인 · /sku/SCH-13.md
- [SCH-14] Onion Layers · 동심원 다층 · schema-svg · layer · layer,중심→바깥 동심,4cells,Onion,Core-Augmented,perimeter · /sku/SCH-14.md
- [SCH-15] Fishbone · 이시카와 (특성요인도) · schema-svg · cause · cause,중앙 척추+가지,6cells,Ishikawa,RCA,6M · /sku/SCH-15.md
- [SCH-16] TOWS · 액션 매트릭스 · schema-svg · matrix · matrix,외부×내부 액션,4cells,TOWS,SO/ST/WO/WT,전략 액션 · /sku/SCH-16.md
- [SCH-17] BCG · 사업 포트폴리오 · schema-svg · matrix · matrix,성장률×점유율,4cells,BCG,스타,캐시카우 · /sku/SCH-17.md
- [SCH-18] Ansoff · 성장 전략 · schema-svg · matrix · matrix,시장×제품,4cells,Ansoff,시장침투,다각화 · /sku/SCH-18.md
- [SCH-19] Porter 5 Forces · 산업 구조 분석 · schema-svg · forces · forces,중심+5압력,5cells,Porter,5 Forces,산업분석 · /sku/SCH-19.md
- [SCH-20] Value Chain · 가치사슬 · schema-svg · chain · chain,본원5+지원4,9cells,Value Chain,Porter,마진 · /sku/SCH-20.md
- [SCH-21] Customer Journey · 고객 여정 · schema-svg · journey · journey,좌→우+감정,5cells,Customer Journey,UX,페인포인트 · /sku/SCH-21.md
- [SCH-22] Mind Map · 마인드맵 (방사형) · schema-svg · tree · tree,중심+방사+분기,1cells,Mind Map,브레인스토밍,발산사고 · /sku/SCH-22.md
- [SCH-23] Roadmap · 분기별 타임라인 · schema-svg · timeline · timeline,시간축+트랙,4cells,Roadmap,분기,마일스톤 · /sku/SCH-23.md
- [SCH-24] Kanban · 칸반 보드 · schema-svg · board · board,좌→우 흐름,3cells,Kanban,애자일,WIP · /sku/SCH-24.md
- [SCH-25] Site IA · 사이트 정보구조 · schema-svg · tree · tree,위→아래 분기,3cells,IA,사이트맵,정보구조 · /sku/SCH-25.md
- [SCH-26] User Flow · 분기 사용자 흐름 · schema-svg · flow · flow,좌→우+분기,5cells,UserFlow,BPMN,UX · /sku/SCH-26.md
- [SCH-27] Wireframe · 화면 레이아웃 · schema-svg · layout · layout,화면 영역분할,5cells,Wireframe,UI,레이아웃 · /sku/SCH-27.md
- [SCH-28] Swimlane · 역할별 트랙 · schema-svg · lane · lane,역할 레인×단계,3cells,Swimlane,BPMN,RACI · /sku/SCH-28.md
- [SCH-29] Layered Arch · 시스템 계층 · schema-svg · stack · stack,계층 누적,4cells,Architecture,MSA,계층 · /sku/SCH-29.md
- [SCH-30] Decision Tree · 의사결정 트리 · schema-svg · tree · tree,분기 트리,6cells,DecisionTree,분류,정책 · /sku/SCH-30.md
- [SCH-31] Sparkline Board · 게시글 추세 요약 · schema-svg · feed · feed,좌 텍스트 / 우 3 미니 추세,3cells,Sparkline,게시판,피드 · /sku/SCH-31.md
## Minimal host
```html
```