{
  "name": "graph.heal7.com SKU buffet",
  "version": "2026-08-29",
  "protocol": {
    "steps": [
      "GET /llms.txt",
      "GET /catalog.json and pick code",
      "GET /sku/{CODE}.md and paste the first fenced block"
    ]
  },
  "theme": {
    "bg": "transparent",
    "fg": "#ece8f5",
    "sub": "#a59bbd",
    "grid": "rgba(255,255,255,.08)",
    "gold": "#e8c069",
    "royal": "#6b8cff",
    "rose": "#e07a9f",
    "teal": "#6dd2c4",
    "plum": "#b487e8"
  },
  "count": 124,
  "items": [
    {
      "code": "[DIS-01]",
      "sku": "DIS-01",
      "id": "c-donut",
      "tab": "distribution",
      "kind": "core",
      "title": "Donut · 도넛",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "두 범주의 비중을 한 눈에 — 음양·성별·이탈/잔존.",
      "idea": "중앙에 총합 텍스트, 그라데이션 색상 stop으로 입체감.",
      "ai": {
        "family": "composition",
        "dataShape": "category shares or weighted blocks",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show part-to-whole"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "composition",
          "share",
          "donut",
          "도넛"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          430,
          441
        ]
      },
      "urls": {
        "md": "/sku/DIS-01.md",
        "js": "/sku/DIS-01.js",
        "gallery": "/#DIS-01",
        "absolute_md": "https://graph.heal7.com/sku/DIS-01.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-01.js"
      }
    },
    {
      "code": "[DIS-02]",
      "sku": "DIS-02",
      "id": "c-gauge",
      "tab": "distribution",
      "kind": "core",
      "title": "Gauge · 게이지",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "단일 KPI를 다이얼로 — 적합도·달성률·균형 점수.",
      "idea": "격국 강도, 용신 일치율, 90일 KPI 진행률 표시.",
      "ai": {
        "family": "kpi",
        "dataShape": "headline value, rank race or progress state",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "surface headline KPI"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "kpi",
          "progress",
          "gauge",
          "게이지"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          444,
          455
        ]
      },
      "urls": {
        "md": "/sku/DIS-02.md",
        "js": "/sku/DIS-02.js",
        "gallery": "/#DIS-02",
        "absolute_md": "https://graph.heal7.com/sku/DIS-02.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-02.js"
      }
    },
    {
      "code": "[DIS-03]",
      "sku": "DIS-03",
      "id": "c-radar",
      "tab": "distribution",
      "kind": "core",
      "title": "Radar · 레이더",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "3~8축 다변량 능력치 비교 — 오행, NTT, 환경적합도.",
      "idea": "평균 도형 점선 + 본인 실선 오버레이.",
      "ai": {
        "family": "multivariate",
        "dataShape": "multiple dimensions per record or profile",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "compare profiles"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "multivariate",
          "radar",
          "레이더"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          458,
          464
        ]
      },
      "urls": {
        "md": "/sku/DIS-03.md",
        "js": "/sku/DIS-03.js",
        "gallery": "/#DIS-03",
        "absolute_md": "https://graph.heal7.com/sku/DIS-03.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-03.js"
      }
    },
    {
      "code": "[DIS-04]",
      "sku": "DIS-04",
      "id": "c-bar",
      "tab": "distribution",
      "kind": "core",
      "title": "Bar · 수직 막대",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "레이더의 정량 보조 — 십성, 클러스터 점수.",
      "idea": "본인 막대만 강조색, 임계선(평균) overlay.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "compare profiles",
          "compare categories"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "multivariate",
          "comparison",
          "ranking",
          "bar",
          "수직",
          "막대"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          467,
          473
        ]
      },
      "urls": {
        "md": "/sku/DIS-04.md",
        "js": "/sku/DIS-04.js",
        "gallery": "/#DIS-04",
        "absolute_md": "https://graph.heal7.com/sku/DIS-04.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-04.js"
      }
    },
    {
      "code": "[DIS-05]",
      "sku": "DIS-05",
      "id": "c-hbar",
      "tab": "distribution",
      "kind": "core",
      "title": "H-Bar · 수평 막대",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "긴 라벨에 적합 — 직무 적합도 Top N.",
      "idea": "그라데이션으로 등급 구간(상위 25%) 시각화.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "compare categories"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "comparison",
          "ranking",
          "bar",
          "수평",
          "막대"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          476,
          488
        ]
      },
      "urls": {
        "md": "/sku/DIS-05.md",
        "js": "/sku/DIS-05.js",
        "gallery": "/#DIS-05",
        "absolute_md": "https://graph.heal7.com/sku/DIS-05.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-05.js"
      }
    },
    {
      "code": "[DIS-06]",
      "sku": "DIS-06",
      "id": "c-waffle",
      "tab": "distribution",
      "kind": "core",
      "title": "Waffle · 와플 차트",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "10×10 = 100칸 격자로 비율을 직관 표현 — 38%면 38칸이 채워짐.",
      "idea": "인포그래픽 비율, NPS 분포, 점유율 시각화.",
      "ai": {
        "family": "composition",
        "dataShape": "category shares or weighted blocks",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show part-to-whole"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "composition",
          "share",
          "waffle",
          "와플",
          "차트"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1696,
          1710
        ]
      },
      "urls": {
        "md": "/sku/DIS-06.md",
        "js": "/sku/DIS-06.js",
        "gallery": "/#DIS-06",
        "absolute_md": "https://graph.heal7.com/sku/DIS-06.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-06.js"
      }
    },
    {
      "code": "[DIS-07]",
      "sku": "DIS-07",
      "id": "c-treemap",
      "tab": "distribution",
      "kind": "core",
      "title": "Treemap · 트리맵",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "직무 클러스터(부모) × 개별 직무(자식). 면적=적합도.",
      "idea": "산업별 채용 시장 규모, 콘텐츠 카테고리 점유율.",
      "ai": {
        "family": "hierarchy",
        "dataShape": "nested parent-child structure",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show hierarchy"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "hierarchy",
          "tree",
          "treemap",
          "트리맵"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          491,
          505
        ]
      },
      "urls": {
        "md": "/sku/DIS-07.md",
        "js": "/sku/DIS-07.js",
        "gallery": "/#DIS-07",
        "absolute_md": "https://graph.heal7.com/sku/DIS-07.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-07.js"
      }
    },
    {
      "code": "[DIS-08]",
      "sku": "DIS-08",
      "id": "c-histo",
      "tab": "distribution",
      "kind": "core",
      "title": "Histogram · 히스토그램",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "연속 변수의 빈도 분포 — 평균 마커선과 함께.",
      "idea": "응답시간 분포, 점수 분포, 가격 분산.",
      "ai": {
        "family": "distribution",
        "dataShape": "value distribution or density bins",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show spread"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "density",
          "histogram",
          "히스토그램"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1713,
          1725
        ]
      },
      "urls": {
        "md": "/sku/DIS-08.md",
        "js": "/sku/DIS-08.js",
        "gallery": "/#DIS-08",
        "absolute_md": "https://graph.heal7.com/sku/DIS-08.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-08.js"
      }
    },
    {
      "code": "[DIS-09]",
      "sku": "DIS-09",
      "id": "c-stack100",
      "tab": "distribution",
      "kind": "core",
      "title": "Stacked 100% · 누적 비율 막대",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "각 카테고리 합을 100%로 정규화 — 구성비 변화에 집중.",
      "idea": "분기별 채널 매출 구성, 연령대별 응답 비율.",
      "ai": {
        "family": "composition",
        "dataShape": "category shares or weighted blocks",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show part-to-whole"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "composition",
          "share",
          "stacked",
          "100%",
          "누적",
          "막대"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1728,
          1745
        ]
      },
      "urls": {
        "md": "/sku/DIS-09.md",
        "js": "/sku/DIS-09.js",
        "gallery": "/#DIS-09",
        "absolute_md": "https://graph.heal7.com/sku/DIS-09.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-09.js"
      }
    },
    {
      "code": "[DIS-10]",
      "sku": "DIS-10",
      "id": "c-density",
      "tab": "distribution",
      "kind": "core",
      "title": "Density · 커널 밀도",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "히스토그램의 부드러운 버전 — 두 분포의 봉우리·꼬리 비교.",
      "idea": "두 그룹 점수 분포 비교, 정규성 시각 점검.",
      "ai": {
        "family": "distribution",
        "dataShape": "value distribution or density bins",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show spread"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "density",
          "커널",
          "밀도"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2384,
          2407
        ]
      },
      "urls": {
        "md": "/sku/DIS-10.md",
        "js": "/sku/DIS-10.js",
        "gallery": "/#DIS-10",
        "absolute_md": "https://graph.heal7.com/sku/DIS-10.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-10.js"
      }
    },
    {
      "code": "[DIS-11]",
      "sku": "DIS-11",
      "id": "c-pareto",
      "tab": "distribution",
      "kind": "core",
      "title": "Pareto · 파레토",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "막대(빈도) + 누적%(라인) — 80%가 어느 항목에서 나오는지.",
      "idea": "결함 원인 분석, 매출 기여도 80-20.",
      "ai": {
        "family": "distribution",
        "dataShape": "aggregated categories or shares",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "pareto",
          "파레토"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2410,
          2432
        ]
      },
      "urls": {
        "md": "/sku/DIS-11.md",
        "js": "/sku/DIS-11.js",
        "gallery": "/#DIS-11",
        "absolute_md": "https://graph.heal7.com/sku/DIS-11.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-11.js"
      }
    },
    {
      "code": "[DIS-12]",
      "sku": "DIS-12",
      "id": "c-stackcol",
      "tab": "distribution",
      "kind": "core",
      "title": "Stacked Column · 누적 수직 막대",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "절대값 기준 누적 수직 — Stacked 100%와 짝, 총량 변화도 함께 봄.",
      "idea": "분기별 매출 + 채널 구성, 인구 합계 + 연령대별.",
      "ai": {
        "family": "composition",
        "dataShape": "category shares or weighted blocks",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show part-to-whole"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "composition",
          "share",
          "stacked",
          "column",
          "누적",
          "수직",
          "막대"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2435,
          2452
        ]
      },
      "urls": {
        "md": "/sku/DIS-12.md",
        "js": "/sku/DIS-12.js",
        "gallery": "/#DIS-12",
        "absolute_md": "https://graph.heal7.com/sku/DIS-12.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-12.js"
      }
    },
    {
      "code": "[DIS-13]",
      "sku": "DIS-13",
      "id": "c-mari",
      "tab": "distribution",
      "kind": "core",
      "title": "Marimekko · 모자이크 비율",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "컬럼 폭 = 그룹 크기, 셀 높이 = 내부 비율 — 두 차원의 비중을 면적 하나로.",
      "idea": "시장×세그먼트 점유율, 채널×제품 매출 매트릭스.",
      "ai": {
        "family": "composition",
        "dataShape": "category shares or weighted blocks",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show part-to-whole"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "composition",
          "share",
          "marimekko",
          "모자이크"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2841,
          2898
        ]
      },
      "urls": {
        "md": "/sku/DIS-13.md",
        "js": "/sku/DIS-13.js",
        "gallery": "/#DIS-13",
        "absolute_md": "https://graph.heal7.com/sku/DIS-13.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-13.js"
      }
    },
    {
      "code": "[DIS-14]",
      "sku": "DIS-14",
      "id": "c-vari",
      "tab": "distribution",
      "kind": "core",
      "title": "Variwide · 가변폭 막대",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "막대 높이 = 값, 막대 폭 = 가중치(표본 수) — 두 지표를 한 면적으로.",
      "idea": "부서별 평균×인원, 국가별 GDP×인구.",
      "ai": {
        "family": "composition",
        "dataShape": "category shares or weighted blocks",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "show part-to-whole"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "composition",
          "share",
          "variwide",
          "가변폭",
          "막대"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2901,
          2943
        ]
      },
      "urls": {
        "md": "/sku/DIS-14.md",
        "js": "/sku/DIS-14.js",
        "gallery": "/#DIS-14",
        "absolute_md": "https://graph.heal7.com/sku/DIS-14.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-14.js"
      }
    },
    {
      "code": "[DIS-15]",
      "sku": "DIS-15",
      "id": "c-ridge",
      "tab": "distribution",
      "kind": "core",
      "title": "Ridgeline · 능선 분포",
      "library": "SVG",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "그룹마다 밀도 곡선을 한 층씩 쌓아 봉우리·꼬리를 겹치지 않고 비교 — 오버레이 밀도와 다른 과업.",
      "idea": "직무별 점수 분포, 모델별 오차 분포, 연령대별 응답 시간.",
      "ai": {
        "family": "distribution",
        "dataShape": "many group density curves stacked as ridges",
        "tasks": [
          "show composition",
          "show frequency",
          "compare magnitudes",
          "compare distribution shapes across groups"
        ],
        "tags": [
          "distribution",
          "비율",
          "빈도",
          "ridgeline",
          "joy plot",
          "능선",
          "분포"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3172,
          3200
        ]
      },
      "urls": {
        "md": "/sku/DIS-15.md",
        "js": "/sku/DIS-15.js",
        "gallery": "/#DIS-15",
        "absolute_md": "https://graph.heal7.com/sku/DIS-15.md",
        "absolute_js": "https://graph.heal7.com/sku/DIS-15.js"
      }
    },
    {
      "code": "[NET-01]",
      "sku": "NET-01",
      "id": "c-chord",
      "tab": "network",
      "kind": "core",
      "title": "Chord · 코드 다이어그램",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "원주에 카테고리, 호로 양방향 흐름 — 협업/거래 빈도.",
      "idea": "역할↔역할 협업 강도, 콘텐츠 교차 소비.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "chord",
          "코드",
          "다이어그램"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          509,
          524
        ]
      },
      "urls": {
        "md": "/sku/NET-01.md",
        "js": "/sku/NET-01.js",
        "gallery": "/#NET-01",
        "absolute_md": "https://graph.heal7.com/sku/NET-01.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-01.js"
      }
    },
    {
      "code": "[NET-02]",
      "sku": "NET-02",
      "id": "c-9box",
      "tab": "network",
      "kind": "core",
      "title": "9-Box · 매트릭스",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "잠재력×성과 9칸 분류 — 본인 펄스 마커.",
      "idea": "학습성×실행력, 가격×품질 포지셔닝.",
      "ai": {
        "family": "matrix",
        "dataShape": "2-axis quadrant talent grid",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow",
          "show spread",
          "classify into quadrants"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "distribution",
          "density",
          "9-box",
          "quadrant",
          "box",
          "매트릭스"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          527,
          540
        ]
      },
      "urls": {
        "md": "/sku/NET-02.md",
        "js": "/sku/NET-02.js",
        "gallery": "/#NET-02",
        "absolute_md": "https://graph.heal7.com/sku/NET-02.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-02.js"
      }
    },
    {
      "code": "[NET-03]",
      "sku": "NET-03",
      "id": "c-sankey",
      "tab": "network",
      "kind": "core",
      "title": "Sankey · 산키",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "재능 → 산업 → 직무 3단 흐름. 폭=적합도.",
      "idea": "사용자 여정(소스→페이지→이탈), 예산 배분 흐름.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "sankey",
          "산키"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          543,
          564
        ]
      },
      "urls": {
        "md": "/sku/NET-03.md",
        "js": "/sku/NET-03.js",
        "gallery": "/#NET-03",
        "absolute_md": "https://graph.heal7.com/sku/NET-03.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-03.js"
      }
    },
    {
      "code": "[NET-04]",
      "sku": "NET-04",
      "id": "c-synergy",
      "tab": "network",
      "kind": "core",
      "title": "Synergy Matrix · 직무×역량 매트릭스",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "HR 8직무 × 8역량 적합도 매트릭스 — 일반 히트맵·인접행렬 패턴 통합. 진한 칸 = 강한 매치.",
      "idea": "직무-역량 매칭, 멘토-멘티, 부서×스킬 커버리지, 단어 공출현.",
      "ai": {
        "family": "matrix",
        "dataShape": "cross matrix of roles by capabilities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow",
          "find synergy gaps"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "matrix",
          "heatmap",
          "synergy",
          "직무×역량",
          "매트릭스"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          567,
          593
        ]
      },
      "urls": {
        "md": "/sku/NET-04.md",
        "js": "/sku/NET-04.js",
        "gallery": "/#NET-04",
        "absolute_md": "https://graph.heal7.com/sku/NET-04.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-04.js"
      }
    },
    {
      "code": "[NET-05]",
      "sku": "NET-05",
      "id": "c-arc",
      "tab": "network",
      "kind": "core",
      "title": "Arc · 호 다이어그램",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "한 축 위 노드들을 호로 연결 — 인접하지 않은 관계가 큰 호로 드러남.",
      "idea": "등장인물 동반 출현, 시퀀스 데이터 연관, 책 페이지 인용.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "arc",
          "다이어그램"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1748,
          1768
        ]
      },
      "urls": {
        "md": "/sku/NET-05.md",
        "js": "/sku/NET-05.js",
        "gallery": "/#NET-05",
        "absolute_md": "https://graph.heal7.com/sku/NET-05.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-05.js"
      }
    },
    {
      "code": "[NET-06]",
      "sku": "NET-06",
      "id": "c-bipartite",
      "tab": "network",
      "kind": "core",
      "title": "Bipartite · 양분 그래프",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "두 집합 사이의 연결만 — 좌(사람) ↔ 우(역할) 매칭 시각화.",
      "idea": "멘토–멘티, 사용자–제품, 작가–도서 매칭.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "bipartite",
          "양분",
          "그래프"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1771,
          1792
        ]
      },
      "urls": {
        "md": "/sku/NET-06.md",
        "js": "/sku/NET-06.js",
        "gallery": "/#NET-06",
        "absolute_md": "https://graph.heal7.com/sku/NET-06.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-06.js"
      }
    },
    {
      "code": "[NET-07]",
      "sku": "NET-07",
      "id": "c-hive",
      "tab": "network",
      "kind": "core",
      "title": "Hive Plot · 하이브 플롯",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "3개 축 위에 노드 정렬 — Arc보다 정형, 유형별 연결을 한눈에.",
      "idea": "3-tier 아키텍처 의존, 입력→처리→출력 흐름.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "hive",
          "plot",
          "하이브",
          "플롯"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2455,
          2487
        ]
      },
      "urls": {
        "md": "/sku/NET-07.md",
        "js": "/sku/NET-07.js",
        "gallery": "/#NET-07",
        "absolute_md": "https://graph.heal7.com/sku/NET-07.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-07.js"
      }
    },
    {
      "code": "[NET-08]",
      "sku": "NET-08",
      "id": "c-dendro",
      "tab": "network",
      "kind": "core",
      "title": "Dendrogram · 직교 트리",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "위→아래 직교 분기 — 계층 클러스터링 결과 표현에 표준.",
      "idea": "사용자 군집화, 분류 체계, 종 분류.",
      "ai": {
        "family": "hierarchy",
        "dataShape": "nested parent-child structure",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "hierarchy",
          "tree",
          "dendrogram",
          "직교",
          "트리"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2490,
          2507
        ]
      },
      "urls": {
        "md": "/sku/NET-08.md",
        "js": "/sku/NET-08.js",
        "gallery": "/#NET-08",
        "absolute_md": "https://graph.heal7.com/sku/NET-08.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-08.js"
      }
    },
    {
      "code": "[NET-09]",
      "sku": "NET-09",
      "id": "c-mindmap",
      "tab": "network",
      "kind": "core",
      "title": "Mind Map · 마인드맵",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "중심 노드에서 좌우로 확장되는 트리 — 아이디어 발산형 구조.",
      "idea": "브레인스토밍 결과, 학습 로드맵, 커리큘럼 설계.",
      "ai": {
        "family": "hierarchy",
        "dataShape": "radial branching tree",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow",
          "expand idea clusters"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "hierarchy",
          "tree",
          "mindmap",
          "radial tree",
          "mind",
          "map",
          "마인드맵"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2510,
          2530
        ]
      },
      "urls": {
        "md": "/sku/NET-09.md",
        "js": "/sku/NET-09.js",
        "gallery": "/#NET-09",
        "absolute_md": "https://graph.heal7.com/sku/NET-09.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-09.js"
      }
    },
    {
      "code": "[NET-10]",
      "sku": "NET-10",
      "id": "c-bundle",
      "tab": "network",
      "kind": "core",
      "title": "Edge Bundling · 곡선 묶음",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "계층 트리의 leaf 사이 연결을 곡선으로 묶음 — 시각적 잡음을 줄여 흐름이 보임.",
      "idea": "부서 간 협업 흐름, 모듈 의존성, 항공 노선 묶음.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "edge",
          "bundling",
          "곡선",
          "묶음"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2946,
          2975
        ]
      },
      "urls": {
        "md": "/sku/NET-10.md",
        "js": "/sku/NET-10.js",
        "gallery": "/#NET-10",
        "absolute_md": "https://graph.heal7.com/sku/NET-10.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-10.js"
      }
    },
    {
      "code": "[NET-11]",
      "sku": "NET-11",
      "id": "c-galaxy",
      "tab": "network",
      "kind": "core",
      "title": "Galaxy Force · 다중 중심",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "3개 그룹이 각자의 중심을 형성하며 떠다니는 force — 군집 분리가 자연스럽게.",
      "idea": "사용자 페르소나 클러스터, 학파/진영 구분, 추천 그룹.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "galaxy",
          "force",
          "다중",
          "중심"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2978,
          3005
        ]
      },
      "urls": {
        "md": "/sku/NET-11.md",
        "js": "/sku/NET-11.js",
        "gallery": "/#NET-11",
        "absolute_md": "https://graph.heal7.com/sku/NET-11.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-11.js"
      }
    },
    {
      "code": "[NET-12]",
      "sku": "NET-12",
      "id": "c-upset",
      "tab": "network",
      "kind": "core",
      "title": "Upset · 집합 교집합",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "위=교집합 크기 막대, 아래=소속 점 매트릭스 — 3집합 이상에서 벤보다 읽히는 집합 과업.",
      "idea": "스킬 조합, 세그먼트 중복, 기능 플래그 동시 사용, 태그 공출현.",
      "ai": {
        "family": "set-intersection",
        "dataShape": "intersection sizes with set-membership matrix",
        "tasks": [
          "show connections",
          "show hierarchy",
          "trace flow",
          "compare set overlaps"
        ],
        "tags": [
          "network",
          "relationship",
          "flow",
          "upset",
          "set",
          "집합",
          "교집합"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3203,
          3232
        ]
      },
      "urls": {
        "md": "/sku/NET-12.md",
        "js": "/sku/NET-12.js",
        "gallery": "/#NET-12",
        "absolute_md": "https://graph.heal7.com/sku/NET-12.md",
        "absolute_js": "https://graph.heal7.com/sku/NET-12.js"
      }
    },
    {
      "code": "[TIM-01]",
      "sku": "TIM-01",
      "id": "c-line",
      "tab": "timeline",
      "kind": "core",
      "title": "Line · 라인(대운)",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "대운 10년 단위 흐름 + 현재 위치 ★ 마커.",
      "idea": "매출 분기, 사용자 LTV 곡선.",
      "ai": {
        "family": "time-series",
        "dataShape": "single trend line over ordered steps",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "line",
          "라인",
          "대운"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          597,
          612
        ]
      },
      "urls": {
        "md": "/sku/TIM-01.md",
        "js": "/sku/TIM-01.js",
        "gallery": "/#TIM-01",
        "absolute_md": "https://graph.heal7.com/sku/TIM-01.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-01.js"
      }
    },
    {
      "code": "[TIM-02]",
      "sku": "TIM-02",
      "id": "c-polar",
      "tab": "timeline",
      "kind": "core",
      "title": "Polar Rose · 방사형",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "시간대별(0–24시) 활동 강도 폴라차트.",
      "idea": "감정 일주기, 트래픽 시간대 분포.",
      "ai": {
        "family": "time-series",
        "dataShape": "time-indexed series, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "polar",
          "rose",
          "방사형"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          615,
          630
        ]
      },
      "urls": {
        "md": "/sku/TIM-02.md",
        "js": "/sku/TIM-02.js",
        "gallery": "/#TIM-02",
        "absolute_md": "https://graph.heal7.com/sku/TIM-02.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-02.js"
      }
    },
    {
      "code": "[TIM-03]",
      "sku": "TIM-03",
      "id": "c-area",
      "tab": "timeline",
      "kind": "core",
      "title": "Smooth Area · 강화 곡선",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "90일 가이드를 1년으로 확장한 누적 영역.",
      "idea": "학습 누적, 코호트별 잔존 곡선 비교.",
      "ai": {
        "family": "time-series",
        "dataShape": "time-indexed series, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "smooth",
          "area",
          "강화",
          "곡선"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          633,
          644
        ]
      },
      "urls": {
        "md": "/sku/TIM-03.md",
        "js": "/sku/TIM-03.js",
        "gallery": "/#TIM-03",
        "absolute_md": "https://graph.heal7.com/sku/TIM-03.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-03.js"
      }
    },
    {
      "code": "[TIM-04]",
      "sku": "TIM-04",
      "id": "c-calendar",
      "tab": "timeline",
      "kind": "core",
      "title": "Calendar · 캘린더 히트맵",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "365일 격자에 일자별 강도 — GitHub 잔디 스타일.",
      "idea": "명상/일지 작성, 운세 길흉일 캘린더.",
      "ai": {
        "family": "calendar",
        "dataShape": "date heatmap on calendar grid",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence",
          "show trend over time",
          "show daily intensity"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "calendar",
          "heatmap",
          "캘린더",
          "히트맵"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          647,
          664
        ]
      },
      "urls": {
        "md": "/sku/TIM-04.md",
        "js": "/sku/TIM-04.js",
        "gallery": "/#TIM-04",
        "absolute_md": "https://graph.heal7.com/sku/TIM-04.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-04.js"
      }
    },
    {
      "code": "[TIM-05]",
      "sku": "TIM-05",
      "id": "c-stream",
      "tab": "timeline",
      "kind": "core",
      "title": "Stream · 스트림 그래프",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "시간 따른 카테고리별 비중 변화 — 부드러운 강.",
      "idea": "관심 키워드 변천, 매출 카테고리 점유 변화.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence",
          "show connections"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "network",
          "flow",
          "stream",
          "스트림",
          "그래프"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          667,
          685
        ]
      },
      "urls": {
        "md": "/sku/TIM-05.md",
        "js": "/sku/TIM-05.js",
        "gallery": "/#TIM-05",
        "absolute_md": "https://graph.heal7.com/sku/TIM-05.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-05.js"
      }
    },
    {
      "code": "[TIM-06]",
      "sku": "TIM-06",
      "id": "c-step",
      "tab": "timeline",
      "kind": "core",
      "title": "Step Line · 계단 라인",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "변동 시점에만 값이 점프 — 상태 전이를 정확히 표현.",
      "idea": "가격 변경 이력, 버전 출시, 정책 시행.",
      "ai": {
        "family": "time-series",
        "dataShape": "time-indexed series, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "step",
          "line",
          "계단",
          "라인"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1795,
          1806
        ]
      },
      "urls": {
        "md": "/sku/TIM-06.md",
        "js": "/sku/TIM-06.js",
        "gallery": "/#TIM-06",
        "absolute_md": "https://graph.heal7.com/sku/TIM-06.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-06.js"
      }
    },
    {
      "code": "[TIM-07]",
      "sku": "TIM-07",
      "id": "c-range",
      "tab": "timeline",
      "kind": "core",
      "title": "Range Area · 신뢰구간 영역",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "최저/최고 사이를 음영 영역으로 + 중앙값 라인 — 불확실성과 추세를 한 화면에.",
      "idea": "예측 신뢰구간, 일중 가격 변동 폭, 응답시간 P5–P95.",
      "ai": {
        "family": "time-series",
        "dataShape": "time-indexed series, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "range",
          "area",
          "신뢰구간",
          "영역"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1809,
          1828
        ]
      },
      "urls": {
        "md": "/sku/TIM-07.md",
        "js": "/sku/TIM-07.js",
        "gallery": "/#TIM-07",
        "absolute_md": "https://graph.heal7.com/sku/TIM-07.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-07.js"
      }
    },
    {
      "code": "[TIM-08]",
      "sku": "TIM-08",
      "id": "c-gantt",
      "tab": "timeline",
      "kind": "core",
      "title": "Gantt · 간트 차트",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "작업별 시작–종료 막대 — 일정 의존성과 병렬성이 한눈에.",
      "idea": "프로젝트 일정, 채용 단계, 콘텐츠 발행 캘린더.",
      "ai": {
        "family": "schedule",
        "dataShape": "tasks with start and duration",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence",
          "show trend over time",
          "show schedule"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "gantt",
          "간트",
          "차트"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1831,
          1851
        ]
      },
      "urls": {
        "md": "/sku/TIM-08.md",
        "js": "/sku/TIM-08.js",
        "gallery": "/#TIM-08",
        "absolute_md": "https://graph.heal7.com/sku/TIM-08.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-08.js"
      }
    },
    {
      "code": "[TIM-09]",
      "sku": "TIM-09",
      "id": "c-dual",
      "tab": "timeline",
      "kind": "core",
      "title": "Dual Axis · 이중축",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "매출(막대) + 성장률(라인) — 단위가 다른 두 지표를 한 차트에.",
      "idea": "가격 vs 판매량, 사용자수 vs 전환율.",
      "ai": {
        "family": "time-series",
        "dataShape": "time-indexed series, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "dual",
          "axis",
          "이중축"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2533,
          2552
        ]
      },
      "urls": {
        "md": "/sku/TIM-09.md",
        "js": "/sku/TIM-09.js",
        "gallery": "/#TIM-09",
        "absolute_md": "https://graph.heal7.com/sku/TIM-09.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-09.js"
      }
    },
    {
      "code": "[TIM-10]",
      "sku": "TIM-10",
      "id": "c-spark",
      "tab": "timeline",
      "kind": "core",
      "title": "Sparkline Grid · 미니 라인 격자",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "2×3 격자에 6개 미니 시계열 — 대시보드 헤드라인.",
      "idea": "핵심 KPI 6종 한눈에, 부서별 트렌드.",
      "ai": {
        "family": "time-series",
        "dataShape": "time-indexed series, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "sparkline",
          "grid",
          "미니",
          "라인",
          "격자"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2555,
          2572
        ]
      },
      "urls": {
        "md": "/sku/TIM-10.md",
        "js": "/sku/TIM-10.js",
        "gallery": "/#TIM-10",
        "absolute_md": "https://graph.heal7.com/sku/TIM-10.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-10.js"
      }
    },
    {
      "code": "[TIM-11]",
      "sku": "TIM-11",
      "id": "c-events",
      "tab": "timeline",
      "kind": "core",
      "title": "Event Timeline · 이벤트 타임라인",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "시간축 위 양쪽으로 펼쳐지는 이벤트 마커 + 카테고리별 색상.",
      "idea": "제품 런칭 히스토리, 인시던트 기록, 캠페인 이력.",
      "ai": {
        "family": "time-series",
        "dataShape": "ordered time steps, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence",
          "show trend over time"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "event",
          "이벤트",
          "타임라인"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2575,
          2601
        ]
      },
      "urls": {
        "md": "/sku/TIM-11.md",
        "js": "/sku/TIM-11.js",
        "gallery": "/#TIM-11",
        "absolute_md": "https://graph.heal7.com/sku/TIM-11.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-11.js"
      }
    },
    {
      "code": "[TIM-12]",
      "sku": "TIM-12",
      "id": "c-horizon",
      "tab": "timeline",
      "kind": "core",
      "title": "Horizon Chart · 호라이즌",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "좁은 띠 안에서 양/음을 색 레이어로 압축 — 좁은 공간에 큰 변동 폭을 담는다.",
      "idea": "다중 종목 가격 패널, 다중 센서 비교, 부서별 KPI 한 화면.",
      "ai": {
        "family": "distribution",
        "dataShape": "value distribution or density bins",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence",
          "show spread"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "distribution",
          "density",
          "horizon",
          "chart",
          "호라이즌"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3008,
          3031
        ]
      },
      "urls": {
        "md": "/sku/TIM-12.md",
        "js": "/sku/TIM-12.js",
        "gallery": "/#TIM-12",
        "absolute_md": "https://graph.heal7.com/sku/TIM-12.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-12.js"
      }
    },
    {
      "code": "[TIM-13]",
      "sku": "TIM-13",
      "id": "c-spiral",
      "tab": "timeline",
      "kind": "core",
      "title": "Spiral Time · 시간 나선",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "시간을 안→밖 나선으로 감아 주기성과 누적을 동시에 — 한 바퀴 = 한 주기.",
      "idea": "24시간 사이클 누적, 월별/연도별 패턴, 학습 사이클.",
      "ai": {
        "family": "time-series",
        "dataShape": "ordered time steps, events or schedules",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence",
          "show trend over time"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "spiral",
          "time",
          "시간",
          "나선"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3034,
          3073
        ]
      },
      "urls": {
        "md": "/sku/TIM-13.md",
        "js": "/sku/TIM-13.js",
        "gallery": "/#TIM-13",
        "absolute_md": "https://graph.heal7.com/sku/TIM-13.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-13.js"
      }
    },
    {
      "code": "[TIM-14]",
      "sku": "TIM-14",
      "id": "c-cohort",
      "tab": "timeline",
      "kind": "core",
      "title": "Cohort Heatmap · 코호트 잔존",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "행=가입 코호트, 열=경과 월, 색=잔존율 — 달력·시간대 히트맵과 다른 읽기 구조.",
      "idea": "구독 잔존, 온보딩 완료율, 기수별 학습 유지, 캠페인 코호트.",
      "ai": {
        "family": "cohort",
        "dataShape": "retention by start-cohort and age period",
        "tasks": [
          "show trend",
          "show seasonality",
          "show sequence",
          "inspect shape in 3D",
          "show retention decay"
        ],
        "tags": [
          "time-series",
          "trend",
          "timeline",
          "3d",
          "spatial",
          "cohort",
          "retention",
          "heatmap",
          "코호트",
          "잔존"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3235,
          3259
        ]
      },
      "urls": {
        "md": "/sku/TIM-14.md",
        "js": "/sku/TIM-14.js",
        "gallery": "/#TIM-14",
        "absolute_md": "https://graph.heal7.com/sku/TIM-14.md",
        "absolute_js": "https://graph.heal7.com/sku/TIM-14.js"
      }
    },
    {
      "code": "[3D-01]",
      "sku": "3D-01",
      "id": "c-bars3d",
      "tab": "spatial",
      "kind": "core",
      "title": "3D Bars · 입체 막대",
      "library": "ECharts-GL",
      "badges": [
        "WIDE"
      ],
      "load": "med",
      "layout": {
        "span": 3,
        "tall": true
      },
      "description": "8캐릭터 × 5오행 매트릭스를 3D로. 자동 회전.",
      "idea": "부서×분기 매출, 지역×제품 판매량 비교.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "compare categories",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "comparison",
          "ranking",
          "bars",
          "입체",
          "막대"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          689,
          707
        ]
      },
      "urls": {
        "md": "/sku/3D-01.md",
        "js": "/sku/3D-01.js",
        "gallery": "/#3D-01",
        "absolute_md": "https://graph.heal7.com/sku/3D-01.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-01.js"
      }
    },
    {
      "code": "[3D-02]",
      "sku": "3D-02",
      "id": "c-globe",
      "tab": "spatial",
      "kind": "core",
      "title": "Globe · 키워드 글로브",
      "library": "ECharts-GL",
      "badges": [],
      "load": "high",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "3D 구체에 핀 배치 — 본인 키워드(황금) vs 참고.",
      "idea": "도시 클러스터, 글로벌 사용자 분포.",
      "ai": {
        "family": "geospatial",
        "dataShape": "points on sphere surface",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "inspect shape in 3D",
          "show global spread"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "globe",
          "geo",
          "키워드",
          "글로브"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          710,
          734
        ]
      },
      "urls": {
        "md": "/sku/3D-02.md",
        "js": "/sku/3D-02.js",
        "gallery": "/#3D-02",
        "absolute_md": "https://graph.heal7.com/sku/3D-02.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-02.js"
      }
    },
    {
      "code": "[3D-03]",
      "sku": "3D-03",
      "id": "c-surface",
      "tab": "spatial",
      "kind": "core",
      "title": "Surface3D · 3D 표면",
      "library": "ECharts-GL",
      "badges": [],
      "load": "high",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "2변수 함수 지형도 — 두 축 조합의 적합도 표면.",
      "idea": "시간×난이도 학습효율, 금리×기간 수익곡면.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "surface3d",
          "표면"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          737,
          748
        ]
      },
      "urls": {
        "md": "/sku/3D-03.md",
        "js": "/sku/3D-03.js",
        "gallery": "/#3D-03",
        "absolute_md": "https://graph.heal7.com/sku/3D-03.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-03.js"
      }
    },
    {
      "code": "[3D-04]",
      "sku": "3D-04",
      "id": "c-cluster3d",
      "tab": "spatial",
      "kind": "core",
      "title": "3D Cluster · 클러스터 산점",
      "library": "ECharts-GL",
      "badges": [],
      "load": "med",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "카테고리별 색상으로 분리된 입체 군집 — 회전으로 분리도 확인.",
      "idea": "K-means 결과, 페르소나 클러스터, 제품 군집.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "compare profiles",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "multivariate",
          "cluster",
          "클러스터",
          "산점"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1854,
          1865
        ]
      },
      "urls": {
        "md": "/sku/3D-04.md",
        "js": "/sku/3D-04.js",
        "gallery": "/#3D-04",
        "absolute_md": "https://graph.heal7.com/sku/3D-04.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-04.js"
      }
    },
    {
      "code": "[3D-05]",
      "sku": "3D-05",
      "id": "c-path3d",
      "tab": "spatial",
      "kind": "core",
      "title": "3D Path · 입체 경로",
      "library": "ECharts-GL",
      "badges": [
        "WIDE"
      ],
      "load": "med",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "시간을 따라 공간을 이동하는 헬릭스/궤적 — 동선과 흐름을 입체로.",
      "idea": "사용자 여정, GPS 트랙, DNA 나선.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "path",
          "입체",
          "경로"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1868,
          1880
        ]
      },
      "urls": {
        "md": "/sku/3D-05.md",
        "js": "/sku/3D-05.js",
        "gallery": "/#3D-05",
        "absolute_md": "https://graph.heal7.com/sku/3D-05.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-05.js"
      }
    },
    {
      "code": "[3D-06]",
      "sku": "3D-06",
      "id": "c-bubble3d",
      "tab": "spatial",
      "kind": "core",
      "title": "3D Bubble · 입체 버블",
      "library": "ECharts-GL",
      "badges": [],
      "load": "med",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "크기까지 4번째 변수로 — 3축 + 크기 + 색 = 5차원 시각화.",
      "idea": "다변량 제품 매핑, 도시 인구·소득·면적·만족도.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "compare profiles",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "multivariate",
          "bubble",
          "입체",
          "버블"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2604,
          2616
        ]
      },
      "urls": {
        "md": "/sku/3D-06.md",
        "js": "/sku/3D-06.js",
        "gallery": "/#3D-06",
        "absolute_md": "https://graph.heal7.com/sku/3D-06.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-06.js"
      }
    },
    {
      "code": "[3D-07]",
      "sku": "3D-07",
      "id": "c-net3d",
      "tab": "spatial",
      "kind": "core",
      "title": "3D Network · 공간 네트워크",
      "library": "ECharts-GL",
      "badges": [],
      "load": "med",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "노드(scatter3D) + 엣지(lines3D)를 입체 공간에 — 회전으로 층 분리 확인.",
      "idea": "분자 모형, 도시 간 항로, 신경망 구조.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "show connections",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "network",
          "flow",
          "공간",
          "네트워크"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2619,
          2648
        ]
      },
      "urls": {
        "md": "/sku/3D-07.md",
        "js": "/sku/3D-07.js",
        "gallery": "/#3D-07",
        "absolute_md": "https://graph.heal7.com/sku/3D-07.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-07.js"
      }
    },
    {
      "code": "[3D-08]",
      "sku": "3D-08",
      "id": "c-heat3d",
      "tab": "spatial",
      "kind": "core",
      "title": "3D Heatmap · 입체 히트맵",
      "library": "ECharts-GL",
      "badges": [
        "WIDE"
      ],
      "load": "med",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "2D 히트맵을 막대 높이로 한 차원 더 — 거리감으로 강도 인식 강화.",
      "idea": "지역별 트래픽 강도, 시간×요일 활동 입체.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "heatmap",
          "입체",
          "히트맵"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2651,
          2665
        ]
      },
      "urls": {
        "md": "/sku/3D-08.md",
        "js": "/sku/3D-08.js",
        "gallery": "/#3D-08",
        "absolute_md": "https://graph.heal7.com/sku/3D-08.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-08.js"
      }
    },
    {
      "code": "[3D-09]",
      "sku": "3D-09",
      "id": "c-contour3d",
      "tab": "spatial",
      "kind": "core",
      "title": "3D Contour Surface · 등고선 표면",
      "library": "ECharts-GL",
      "badges": [
        "WIDE"
      ],
      "load": "med",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "3D 표면 위에 등고선 색대 — 지형의 고저와 등고를 동시에 인식.",
      "idea": "적합도 지형(loss surface), 압력장, 지형 모델링.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "contour",
          "surface",
          "등고선",
          "표면"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3076,
          3100
        ]
      },
      "urls": {
        "md": "/sku/3D-09.md",
        "js": "/sku/3D-09.js",
        "gallery": "/#3D-09",
        "absolute_md": "https://graph.heal7.com/sku/3D-09.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-09.js"
      }
    },
    {
      "code": "[3D-10]",
      "sku": "3D-10",
      "id": "c-helix",
      "tab": "spatial",
      "kind": "core",
      "title": "DNA Helix · 이중 나선",
      "library": "ECharts-GL",
      "badges": [],
      "load": "med",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "두 가닥 나선 + 가로 연결선 — 회전하면 페어링 구조가 명확해진다.",
      "idea": "분자/생체 시각화, 페어링 데이터, 시간×시간 비교 입체.",
      "ai": {
        "family": "spatial-3d",
        "dataShape": "3D coordinates, surfaces or paths",
        "tasks": [
          "inspect spatial form",
          "rotate perspective",
          "show structure",
          "inspect shape in 3D"
        ],
        "tags": [
          "3d",
          "spatial",
          "webgl",
          "dna",
          "helix",
          "이중",
          "나선"
        ]
      },
      "deps": [
        "echarts@5",
        "echarts-gl"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3103,
          3132
        ]
      },
      "urls": {
        "md": "/sku/3D-10.md",
        "js": "/sku/3D-10.js",
        "gallery": "/#3D-10",
        "absolute_md": "https://graph.heal7.com/sku/3D-10.md",
        "absolute_js": "https://graph.heal7.com/sku/3D-10.js"
      }
    },
    {
      "code": "[CMP-01]",
      "sku": "CMP-01",
      "id": "c-overlay",
      "tab": "compare",
      "kind": "core",
      "title": "Overlay Radar · 듀얼 레이더",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "두 출처(NTT vs 명리) 다각형 일치/격차.",
      "idea": "AS-IS vs TO-BE, 자기평가 vs 동료평가.",
      "ai": {
        "family": "multivariate",
        "dataShape": "two overlaid radar profiles",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "compare profiles",
          "compare profile shapes"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "multivariate",
          "radar",
          "overlay",
          "듀얼",
          "레이더"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          752,
          762
        ]
      },
      "urls": {
        "md": "/sku/CMP-01.md",
        "js": "/sku/CMP-01.js",
        "gallery": "/#CMP-01",
        "absolute_md": "https://graph.heal7.com/sku/CMP-01.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-01.js"
      }
    },
    {
      "code": "[CMP-02]",
      "sku": "CMP-02",
      "id": "c-funnel",
      "tab": "compare",
      "kind": "core",
      "title": "Funnel · 깔때기",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "단계별 통과율 — 진로 단계, 전환 깔때기.",
      "idea": "가입→유료 전환, 매칭→면접→입사.",
      "ai": {
        "family": "pipeline",
        "dataShape": "ordered conversion stages",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "show drop-off"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "funnel",
          "pipeline",
          "깔때기"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-option",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          765,
          775
        ]
      },
      "urls": {
        "md": "/sku/CMP-02.md",
        "js": "/sku/CMP-02.js",
        "gallery": "/#CMP-02",
        "absolute_md": "https://graph.heal7.com/sku/CMP-02.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-02.js"
      }
    },
    {
      "code": "[CMP-03]",
      "sku": "CMP-03",
      "id": "c-pictorial",
      "tab": "compare",
      "kind": "core",
      "title": "Pictorial · 캐릭터 배치",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "8캐릭터 좌표 + 본인 강조 마커.",
      "idea": "MBTI 분포, 페르소나 거리 매핑.",
      "ai": {
        "family": "positioning",
        "dataShape": "icon positions in 2D field",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "show persona position"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "pictorial",
          "persona",
          "캐릭터",
          "배치"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          778,
          797
        ]
      },
      "urls": {
        "md": "/sku/CMP-03.md",
        "js": "/sku/CMP-03.js",
        "gallery": "/#CMP-03",
        "absolute_md": "https://graph.heal7.com/sku/CMP-03.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-03.js"
      }
    },
    {
      "code": "[CMP-04]",
      "sku": "CMP-04",
      "id": "c-box",
      "tab": "compare",
      "kind": "core",
      "title": "Box+Strip · 박스 분포 + 개별 점",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "HR 부서별 평가점수 분포 — 5분위 박스 + 개별 직원 점 오버레이. 박스플롯·스트립 패턴 통합.",
      "idea": "부서별 연봉/평가 분포, 코호트 응답시간 SLA + 본인 위치, 시험점수 모집단.",
      "ai": {
        "family": "distribution",
        "dataShape": "value distribution or density bins",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "show spread"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "distribution",
          "density",
          "box+strip",
          "박스",
          "분포",
          "개별"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          800,
          832
        ]
      },
      "urls": {
        "md": "/sku/CMP-04.md",
        "js": "/sku/CMP-04.js",
        "gallery": "/#CMP-04",
        "absolute_md": "https://graph.heal7.com/sku/CMP-04.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-04.js"
      }
    },
    {
      "code": "[CMP-05]",
      "sku": "CMP-05",
      "id": "c-bullet",
      "tab": "compare",
      "kind": "core",
      "title": "Bullet · 불릿 차트",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "실제값(굵은 막대) + 목표(세로선) + 성과 구간(배경 밴드).",
      "idea": "KPI 대시보드, 영업 목표 달성률, 단일 게이지 대체.",
      "ai": {
        "family": "kpi",
        "dataShape": "headline value, rank race or progress state",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "surface headline KPI"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "kpi",
          "progress",
          "bullet",
          "불릿",
          "차트"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1883,
          1904
        ]
      },
      "urls": {
        "md": "/sku/CMP-05.md",
        "js": "/sku/CMP-05.js",
        "gallery": "/#CMP-05",
        "absolute_md": "https://graph.heal7.com/sku/CMP-05.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-05.js"
      }
    },
    {
      "code": "[CMP-06]",
      "sku": "CMP-06",
      "id": "c-lolli",
      "tab": "compare",
      "kind": "core",
      "title": "Lollipop · 막대사탕",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "가는 선 + 끝 원 — 막대보다 가벼운 시각, 정렬된 비교에 적합.",
      "idea": "항목별 점수, 변화량 ↑↓, 순위 시각화.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "compare categories"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "ranking",
          "lollipop",
          "막대사탕"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1907,
          1921
        ]
      },
      "urls": {
        "md": "/sku/CMP-06.md",
        "js": "/sku/CMP-06.js",
        "gallery": "/#CMP-06",
        "absolute_md": "https://graph.heal7.com/sku/CMP-06.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-06.js"
      }
    },
    {
      "code": "[CMP-07]",
      "sku": "CMP-07",
      "id": "c-slope",
      "tab": "compare",
      "kind": "core",
      "title": "Slope · 기울기 변화",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "두 시점 사이 라인 — 기울기 부호로 ↑↓ 직관 인지.",
      "idea": "Before/After 점수, 분기 간 순위 변동.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "compare categories"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "ranking",
          "slope",
          "기울기",
          "변화"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2668,
          2691
        ]
      },
      "urls": {
        "md": "/sku/CMP-07.md",
        "js": "/sku/CMP-07.js",
        "gallery": "/#CMP-07",
        "absolute_md": "https://graph.heal7.com/sku/CMP-07.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-07.js"
      }
    },
    {
      "code": "[CMP-08]",
      "sku": "CMP-08",
      "id": "c-dumbbell",
      "tab": "compare",
      "kind": "core",
      "title": "Dumbbell · 덤벨 차트",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "시작/끝 두 점을 선으로 연결 — 변화 폭 시각화.",
      "idea": "정책 전후 지표, 코호트 시작/종료 비교.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "compare categories"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "ranking",
          "dumbbell",
          "덤벨",
          "차트"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2694,
          2715
        ]
      },
      "urls": {
        "md": "/sku/CMP-08.md",
        "js": "/sku/CMP-08.js",
        "gallery": "/#CMP-08",
        "absolute_md": "https://graph.heal7.com/sku/CMP-08.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-08.js"
      }
    },
    {
      "code": "[CMP-09]",
      "sku": "CMP-09",
      "id": "c-tornado",
      "tab": "compare",
      "kind": "core",
      "title": "Tornado · 영향 토네이도",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "HR 이직률에 영향 주는 요인 8종을 중앙축 좌우(↓완화/↑가속)로 정렬 — Mirror Bar 패턴 통합.",
      "idea": "HR 이직 영향 요인, 매출 민감도, 남/여 분포 비교, 정책 임팩트.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "compare categories"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "ranking",
          "tornado",
          "영향",
          "토네이도"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2718,
          2743
        ]
      },
      "urls": {
        "md": "/sku/CMP-09.md",
        "js": "/sku/CMP-09.js",
        "gallery": "/#CMP-09",
        "absolute_md": "https://graph.heal7.com/sku/CMP-09.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-09.js"
      }
    },
    {
      "code": "[CMP-10]",
      "sku": "CMP-10",
      "id": "c-bump",
      "tab": "compare",
      "kind": "core",
      "title": "Bump · 순위 변동",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "시점별 순위가 위/아래로 교차하는 곡선 — slope의 다중 시점 버전.",
      "idea": "분기별 매출 순위, 키워드 트렌드 순위, 리그 순위 변동.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "compare categories"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "ranking",
          "bump",
          "순위",
          "변동"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3135,
          3163
        ]
      },
      "urls": {
        "md": "/sku/CMP-10.md",
        "js": "/sku/CMP-10.js",
        "gallery": "/#CMP-10",
        "absolute_md": "https://graph.heal7.com/sku/CMP-10.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-10.js"
      }
    },
    {
      "code": "[CMP-11]",
      "sku": "CMP-11",
      "id": "c-waterfall",
      "tab": "compare",
      "kind": "core",
      "title": "Waterfall · 증감 브리지",
      "library": "SVG",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "시작값에서 +/− 항목을 순서대로 쌓아 최종값으로 연결 — 덤벨·토네이도와 다른 순차 분해.",
      "idea": "손익 브리지, 점수 가감, 전환 퍼널 증감, 예산 변동 설명.",
      "ai": {
        "family": "bridge",
        "dataShape": "ordered plus-minus contributions from start to end",
        "tasks": [
          "compare alternatives",
          "show delta",
          "benchmark groups",
          "explain a total"
        ],
        "tags": [
          "comparison",
          "benchmark",
          "delta",
          "waterfall",
          "bridge",
          "증감",
          "브리지"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3262,
          3291
        ]
      },
      "urls": {
        "md": "/sku/CMP-11.md",
        "js": "/sku/CMP-11.js",
        "gallery": "/#CMP-11",
        "absolute_md": "https://graph.heal7.com/sku/CMP-11.md",
        "absolute_js": "https://graph.heal7.com/sku/CMP-11.js"
      }
    },
    {
      "code": "[INT-01]",
      "sku": "INT-01",
      "id": "c-liquid",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Liquid Gauge · 물결 게이지",
      "library": "SVG+CSS",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "high",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "물이 차오르는 액체 게이지 — 두 겹 사인파 애니메이션.",
      "idea": "진행률, 만족도, 잔여 에너지·체력 표시.",
      "ai": {
        "family": "kpi",
        "dataShape": "headline value, rank race or progress state",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "surface headline KPI"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "kpi",
          "progress",
          "liquid",
          "gauge",
          "물결",
          "게이지"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          837,
          986
        ]
      },
      "urls": {
        "md": "/sku/INT-01.md",
        "js": "/sku/INT-01.js",
        "gallery": "/#INT-01",
        "absolute_md": "https://graph.heal7.com/sku/INT-01.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-01.js"
      }
    },
    {
      "code": "[INT-02]",
      "sku": "INT-02",
      "id": "c-barrace",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Bar Race · 막대 레이스",
      "library": "ECharts",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "med",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "2초마다 갱신되는 순위 변동 막대 — 실시간 리더보드.",
      "idea": "분기별 매출 1위, 후보 키워드 상승률, 국가별 백신 보급.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "surface headline KPI",
          "compare categories"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "kpi",
          "progress",
          "comparison",
          "ranking",
          "bar",
          "race",
          "막대",
          "레이스"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          989,
          1011
        ]
      },
      "urls": {
        "md": "/sku/INT-02.md",
        "js": "/sku/INT-02.js",
        "gallery": "/#INT-02",
        "absolute_md": "https://graph.heal7.com/sku/INT-02.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-02.js"
      }
    },
    {
      "code": "[INT-03]",
      "sku": "INT-03",
      "id": "c-force",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "본인 자원 지도 · Weak Ties",
      "library": "ECharts",
      "badges": [
        "🌀 DRAG"
      ],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "본인을 중심으로 가족·동료·멘토·친구·약한연결까지 21개 관계 노드를 force layout으로 시각화. 노드를 드래그하면 따라 움직이고, 호버 시 인접 관계가 강조됩니다.",
      "idea": "Granovetter의 「약한 연결의 힘(weak ties)」 — 멘토로 가는 다리는 가까운 관계가 아니라 약한 연결에서 만들어집니다.",
      "ai": {
        "family": "social-network",
        "dataShape": "force-directed social ties graph",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show connections",
          "show influence network"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "network",
          "flow",
          "force",
          "weak ties",
          "본인",
          "자원",
          "지도",
          "weak",
          "ties"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1014,
          1067
        ]
      },
      "urls": {
        "md": "/sku/INT-03.md",
        "js": "/sku/INT-03.js",
        "gallery": "/#INT-03",
        "absolute_md": "https://graph.heal7.com/sku/INT-03.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-03.js"
      }
    },
    {
      "code": "[INT-04]",
      "sku": "INT-04",
      "id": "c-tree",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Radial Tree · 방사형 트리",
      "library": "ECharts",
      "badges": [
        "🌀 EXPAND"
      ],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "중심에서 뻗어나가는 계층 — 노드 클릭으로 접고 펼침.",
      "idea": "진로 트리, 조직도, 의사결정 분기.",
      "ai": {
        "family": "hierarchy",
        "dataShape": "expandable radial tree",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show hierarchy",
          "show drillable hierarchy"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "hierarchy",
          "tree",
          "radial",
          "방사형",
          "트리"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1186,
          1208
        ]
      },
      "urls": {
        "md": "/sku/INT-04.md",
        "js": "/sku/INT-04.js",
        "gallery": "/#INT-04",
        "absolute_md": "https://graph.heal7.com/sku/INT-04.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-04.js"
      }
    },
    {
      "code": "[INT-05]",
      "sku": "INT-05",
      "id": "c-orgchart",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Organization Chart · 조직도",
      "library": "ECharts",
      "badges": [
        "🌀 EXPAND"
      ],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "직책 노드를 접고 펼치며 계층과 보고 라인을 읽는 인터랙티브 조직도.",
      "idea": "기업 조직 구조, 프로젝트 스쿼드, 병원/학교 부서 체계, 의사결정 라인.",
      "ai": {
        "family": "organization",
        "dataShape": "expandable reporting tree",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show hierarchy",
          "show reporting lines"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "hierarchy",
          "tree",
          "org chart",
          "organization",
          "chart",
          "조직도"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1211,
          1297
        ]
      },
      "urls": {
        "md": "/sku/INT-05.md",
        "js": "/sku/INT-05.js",
        "gallery": "/#INT-05",
        "absolute_md": "https://graph.heal7.com/sku/INT-05.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-05.js"
      }
    },
    {
      "code": "[INT-06]",
      "sku": "INT-06",
      "id": "c-flow",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Lines Effect · 흐름 트레일",
      "library": "ECharts",
      "badges": [
        "🌀 FLOW",
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "원호 경로 위로 빛 꼬리(trail)가 흐르는 다중 라인 — 흐름의 방향과 강도.",
      "idea": "항공/물류 노선, 자금 흐름, 데이터 파이프라인 토폴로지.",
      "ai": {
        "family": "relationship",
        "dataShape": "flows, ties or connected entities",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show connections"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "network",
          "flow",
          "lines",
          "effect",
          "흐름",
          "트레일"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1070,
          1163
        ]
      },
      "urls": {
        "md": "/sku/INT-06.md",
        "js": "/sku/INT-06.js",
        "gallery": "/#INT-06",
        "absolute_md": "https://graph.heal7.com/sku/INT-06.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-06.js"
      }
    },
    {
      "code": "[INT-07]",
      "sku": "INT-07",
      "id": "c-parallel",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Parallel · 평행 좌표",
      "library": "ECharts",
      "badges": [
        "🌀 BRUSH"
      ],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "5축 다변량 표본을 라인으로 — 축을 드래그해 부분집합 필터링.",
      "idea": "스펙 비교(노트북·자동차), 후보군 다차원 스크리닝.",
      "ai": {
        "family": "multivariate-analysis",
        "dataShape": "multi-axis line records",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "compare profiles",
          "screen candidates"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "multivariate",
          "parallel coordinates",
          "parallel",
          "평행",
          "좌표"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1166,
          1183
        ]
      },
      "urls": {
        "md": "/sku/INT-07.md",
        "js": "/sku/INT-07.js",
        "gallery": "/#INT-07",
        "absolute_md": "https://graph.heal7.com/sku/INT-07.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-07.js"
      }
    },
    {
      "code": "[INT-08]",
      "sku": "INT-08",
      "id": "c-pict",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Pictorial Bar · 아이콘 막대",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "사람 아이콘으로 채운 막대 — 정량을 직관적 픽토그램으로.",
      "idea": "인구·인원수 비교, 사용자 비율 인포그래픽.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "compare categories"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "comparison",
          "ranking",
          "pictorial",
          "bar",
          "아이콘",
          "막대"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1332,
          1349
        ]
      },
      "urls": {
        "md": "/sku/INT-08.md",
        "js": "/sku/INT-08.js",
        "gallery": "/#INT-08",
        "absolute_md": "https://graph.heal7.com/sku/INT-08.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-08.js"
      }
    },
    {
      "code": "[INT-09]",
      "sku": "INT-09",
      "id": "c-bubble",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Animated Bubble · 애니메이션 버블",
      "library": "ECharts",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "med",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "2초마다 위치·크기 갱신 — 시간에 따라 떠다니는 클러스터.",
      "idea": "Gapminder 스타일 국가 지표, 시장 점유율 변화.",
      "ai": {
        "family": "multivariate",
        "dataShape": "multiple dimensions per record or profile",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "compare profiles"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "multivariate",
          "animated",
          "bubble",
          "애니메이션",
          "버블"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1300,
          1329
        ]
      },
      "urls": {
        "md": "/sku/INT-09.md",
        "js": "/sku/INT-09.js",
        "gallery": "/#INT-09",
        "absolute_md": "https://graph.heal7.com/sku/INT-09.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-09.js"
      }
    },
    {
      "code": "[INT-10]",
      "sku": "INT-10",
      "id": "c-polarea",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Polar Area · 극좌표 영역",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "극좌표 위 부드러운 영역 — 회전 대칭 데이터를 입체적으로.",
      "idea": "풍향·풍속 장미, 방위별 노이즈, 24시간 활동 곡선.",
      "ai": {
        "family": "multivariate",
        "dataShape": "multiple dimensions per record or profile",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "compare profiles"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "multivariate",
          "polar",
          "area",
          "극좌표",
          "영역"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1352,
          1373
        ]
      },
      "urls": {
        "md": "/sku/INT-10.md",
        "js": "/sku/INT-10.js",
        "gallery": "/#INT-10",
        "absolute_md": "https://graph.heal7.com/sku/INT-10.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-10.js"
      }
    },
    {
      "code": "[INT-11]",
      "sku": "INT-11",
      "id": "c-candle",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Candlestick · 캔들스틱",
      "library": "ECharts",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "금융 차트의 표준 — OHLC 캔들 + 거래량 + 이동평균선.",
      "idea": "주가·코인 시세, 일일 변동성 추이, A/B 분포 일별.",
      "ai": {
        "family": "financial",
        "dataShape": "ohlc candlestick with volume",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show price range"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "candlestick",
          "ohlc",
          "캔들스틱"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1376,
          1416
        ]
      },
      "urls": {
        "md": "/sku/INT-11.md",
        "js": "/sku/INT-11.js",
        "gallery": "/#INT-11",
        "absolute_md": "https://graph.heal7.com/sku/INT-11.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-11.js"
      }
    },
    {
      "code": "[INT-12]",
      "sku": "INT-12",
      "id": "c-realtime",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Real-time Stream · 실시간 라인",
      "library": "ECharts",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "med",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "1초마다 새 값이 우측에서 들어오고 좌측에서 빠지는 슬라이딩 윈도 — 모니터링 차트의 표준.",
      "idea": "CPU·메모리·트래픽 모니터링, 실시간 동시접속자, 센서 시계열.",
      "ai": {
        "family": "monitoring",
        "dataShape": "sliding live time window",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show connections",
          "show trend over time",
          "monitor live metric"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "network",
          "flow",
          "time-series",
          "realtime",
          "monitoring",
          "real",
          "time",
          "stream",
          "실시간",
          "라인"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1421,
          1448
        ]
      },
      "urls": {
        "md": "/sku/INT-12.md",
        "js": "/sku/INT-12.js",
        "gallery": "/#INT-12",
        "absolute_md": "https://graph.heal7.com/sku/INT-12.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-12.js"
      }
    },
    {
      "code": "[INT-13]",
      "sku": "INT-13",
      "id": "c-rings",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Multi-Ring Gauge · 다중 링",
      "library": "ECharts",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "med",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "4개 KPI를 동심원으로 — 진행·만족·효율·신뢰. 2초마다 갱신.",
      "idea": "대시보드 헤드라인, OKR 4축 동시 추적.",
      "ai": {
        "family": "kpi",
        "dataShape": "headline value, rank race or progress state",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "surface headline KPI"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "kpi",
          "progress",
          "multi",
          "ring",
          "gauge",
          "다중"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1451,
          1485
        ]
      },
      "urls": {
        "md": "/sku/INT-13.md",
        "js": "/sku/INT-13.js",
        "gallery": "/#INT-13",
        "absolute_md": "https://graph.heal7.com/sku/INT-13.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-13.js"
      }
    },
    {
      "code": "[INT-14]",
      "sku": "INT-14",
      "id": "c-sunzoom",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Sunburst Drill · 줌 선버스트",
      "library": "ECharts",
      "badges": [
        "🌀 CLICK"
      ],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "조각을 클릭하면 그 영역이 중심이 되어 확대 — 같은 차트로 여러 단계 탐색.",
      "idea": "메뉴/카테고리 드릴다운, 회계 계정 트리, 폴더 사이즈 분석.",
      "ai": {
        "family": "hierarchy",
        "dataShape": "zoomable radial hierarchy",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show hierarchy",
          "drill into category tree"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "hierarchy",
          "tree",
          "sunburst",
          "zoom",
          "drill",
          "선버스트"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1488,
          1521
        ]
      },
      "urls": {
        "md": "/sku/INT-14.md",
        "js": "/sku/INT-14.js",
        "gallery": "/#INT-14",
        "absolute_md": "https://graph.heal7.com/sku/INT-14.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-14.js"
      }
    },
    {
      "code": "[INT-15]",
      "sku": "INT-15",
      "id": "c-treedrill",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Drilldown Treemap · 드릴다운 트리맵",
      "library": "ECharts",
      "badges": [
        "🌀 CLICK"
      ],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "사각형을 클릭해 한 단계씩 줌인하고 breadcrumb로 복귀 — 계층형 비중 분석의 실무형 인터랙션.",
      "idea": "카테고리→브랜드→상품 매출, 폴더 용량, 조직별 예산 구조.",
      "ai": {
        "family": "hierarchy",
        "dataShape": "click-to-drill treemap",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "show hierarchy",
          "drill into nested blocks"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "hierarchy",
          "tree",
          "treemap",
          "drilldown",
          "드릴다운",
          "트리맵"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1524,
          1588
        ]
      },
      "urls": {
        "md": "/sku/INT-15.md",
        "js": "/sku/INT-15.js",
        "gallery": "/#INT-15",
        "absolute_md": "https://graph.heal7.com/sku/INT-15.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-15.js"
      }
    },
    {
      "code": "[INT-16]",
      "sku": "INT-16",
      "id": "c-radialbar",
      "tab": "dynamic-1",
      "kind": "interactive",
      "title": "Concentric Radial · 원형 누적 막대",
      "library": "ECharts",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "폴라 좌표 위 누적 가로막대 — 항목별 구성비를 둥글게.",
      "idea": "시간대별 작업 비중, 채널별 매출 구성, 감정 스펙트럼.",
      "ai": {
        "family": "comparison",
        "dataShape": "ranked categories or before-after pairs",
        "tasks": [
          "explore data",
          "monitor change",
          "drill into structure",
          "compare categories"
        ],
        "tags": [
          "interactive",
          "live",
          "exploration",
          "comparison",
          "ranking",
          "concentric",
          "radial",
          "원형",
          "누적",
          "막대"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1591,
          1609
        ]
      },
      "urls": {
        "md": "/sku/INT-16.md",
        "js": "/sku/INT-16.js",
        "gallery": "/#INT-16",
        "absolute_md": "https://graph.heal7.com/sku/INT-16.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-16.js"
      }
    },
    {
      "code": "[INT-17]",
      "sku": "INT-17",
      "id": "c-particles",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Particle Constellation · 파티클 네트워크",
      "library": "Canvas",
      "badges": [
        "🌀 MOUSE",
        "WIDE"
      ],
      "load": "high",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "자유롭게 떠다니는 입자들이 일정 거리 안에서 서로 연결되어 별자리를 이룸. 마우스를 가까이 가져가면 입자가 끌려옵니다.",
      "idea": "인터랙티브 히어로 배경, 네트워크 토폴로지 살아있는 느낌, 데이터 인스피레이션 보드.",
      "ai": {
        "family": "ambient-network",
        "dataShape": "animated particle field",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show connections",
          "create living network backdrop"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "network",
          "flow",
          "particles",
          "canvas",
          "particle",
          "constellation",
          "파티클",
          "네트워크"
        ]
      },
      "deps": [
        "canvas"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1612,
          1691
        ]
      },
      "urls": {
        "md": "/sku/INT-17.md",
        "js": "/sku/INT-17.js",
        "gallery": "/#INT-17",
        "absolute_md": "https://graph.heal7.com/sku/INT-17.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-17.js"
      }
    },
    {
      "code": "[INT-18]",
      "sku": "INT-18",
      "id": "c-brush",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Brush Scatter · 브러시 산점",
      "library": "ECharts",
      "badges": [
        "🌀 SELECT"
      ],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "툴박스의 사각형/올가미로 점들을 드래그 선택 — 선택된 점만 강조됨.",
      "idea": "이상치 인스펙션, 코호트 정의, 다중 차트 linked view.",
      "ai": {
        "family": "subset-selection",
        "dataShape": "scatter with brushable selection",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "select cohorts"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "brush",
          "scatter",
          "브러시",
          "산점"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1924,
          1944
        ]
      },
      "urls": {
        "md": "/sku/INT-18.md",
        "js": "/sku/INT-18.js",
        "gallery": "/#INT-18",
        "absolute_md": "https://graph.heal7.com/sku/INT-18.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-18.js"
      }
    },
    {
      "code": "[INT-19]",
      "sku": "INT-19",
      "id": "c-splom",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "SPLoM · 산점도 행렬",
      "library": "ECharts",
      "badges": [
        "🌀 BRUSH",
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": true
      },
      "description": "변수 쌍을 행렬로 펼쳐 브러시 선택을 모든 패널에 동시 연결 — 상관·군집·이상치를 한 화면에서 본다.",
      "idea": "고객 세그먼트 탐색, 품질지표 상관 분석, 모델 피처 관계 점검.",
      "ai": {
        "family": "multivariate-analysis",
        "dataShape": "pairwise scatter matrix",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "compare profiles",
          "inspect correlation"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "multivariate",
          "splom",
          "산점도",
          "행렬"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          1947,
          2089
        ]
      },
      "urls": {
        "md": "/sku/INT-19.md",
        "js": "/sku/INT-19.js",
        "gallery": "/#INT-19",
        "absolute_md": "https://graph.heal7.com/sku/INT-19.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-19.js"
      }
    },
    {
      "code": "[INT-20]",
      "sku": "INT-20",
      "id": "c-icicle",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Zoomable Icicle · 줌형 아이시클",
      "library": "SVG",
      "badges": [
        "🌀 CLICK",
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": true
      },
      "description": "계층형 비중을 띠 모양으로 쌓고 클릭한 노드 기준으로 깊이를 다시 잡아 들어가는 구조 탐색형 그래프.",
      "idea": "파일시스템 용량, 카테고리→세부항목 구조, 제품 계보, 소프트웨어 패키지 분석.",
      "ai": {
        "family": "hierarchy",
        "dataShape": "zoomable stacked hierarchy bands",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show hierarchy",
          "drill into hierarchy"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "hierarchy",
          "tree",
          "icicle",
          "svg",
          "zoomable",
          "줌형",
          "아이시클"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2092,
          2248
        ]
      },
      "urls": {
        "md": "/sku/INT-20.md",
        "js": "/sku/INT-20.js",
        "gallery": "/#INT-20",
        "absolute_md": "https://graph.heal7.com/sku/INT-20.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-20.js"
      }
    },
    {
      "code": "[INT-21]",
      "sku": "INT-21",
      "id": "c-hex",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Hex Bin · 6각 격자",
      "library": "ECharts",
      "badges": [
        "🌀 HOVER"
      ],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "6각형 셀로 빈도/밀도 — 격자 정사각보다 시각적 균형이 부드러움.",
      "idea": "지리 격자 인구 밀도, 산점도 빈도 표현, 커버리지 맵.",
      "ai": {
        "family": "distribution",
        "dataShape": "value distribution or density bins",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show spread"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "distribution",
          "density",
          "hex",
          "bin",
          "6각",
          "격자"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2251,
          2270
        ]
      },
      "urls": {
        "md": "/sku/INT-21.md",
        "js": "/sku/INT-21.js",
        "gallery": "/#INT-21",
        "absolute_md": "https://graph.heal7.com/sku/INT-21.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-21.js"
      }
    },
    {
      "code": "[INT-22]",
      "sku": "INT-22",
      "id": "c-pulse",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Network Pulse · 펄스 네트워크",
      "library": "ECharts",
      "badges": [
        "🌀 RIPPLE"
      ],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "중요 노드에서 동심원 파장이 퍼지는 effectScatter — 영향력의 시각화.",
      "idea": "인플루언서 전파, 장애 영향 범위, 알림 발송 흐름.",
      "ai": {
        "family": "network-signal",
        "dataShape": "network nodes with influence pulses",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show connections",
          "show propagation centers"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "network",
          "flow",
          "pulse",
          "펄스",
          "네트워크"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2273,
          2300
        ]
      },
      "urls": {
        "md": "/sku/INT-22.md",
        "js": "/sku/INT-22.js",
        "gallery": "/#INT-22",
        "absolute_md": "https://graph.heal7.com/sku/INT-22.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-22.js"
      }
    },
    {
      "code": "[INT-23]",
      "sku": "INT-23",
      "id": "c-counter",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Counter Tiles · 카운터 타일",
      "library": "DOM",
      "badges": [
        "🌀 COUNT"
      ],
      "load": "med",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "0부터 목표값까지 부드럽게 카운트업 — 대시보드 헤드라인 KPI.",
      "idea": "가입자 수, 매출 합계, 처리 건수 강조.",
      "ai": {
        "family": "kpi-dashboard",
        "dataShape": "animated counters in tile layout",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "surface headline KPI",
          "surface headline metrics"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "kpi",
          "progress",
          "counter",
          "tiles",
          "카운터",
          "타일"
        ]
      },
      "deps": [
        "dom"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2303,
          2331
        ]
      },
      "urls": {
        "md": "/sku/INT-23.md",
        "js": "/sku/INT-23.js",
        "gallery": "/#INT-23",
        "absolute_md": "https://graph.heal7.com/sku/INT-23.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-23.js"
      }
    },
    {
      "code": "[INT-24]",
      "sku": "INT-24",
      "id": "c-audio",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Audio Wave · 사운드 웨이브",
      "library": "Canvas",
      "badges": [
        "🌀 LIVE",
        "WIDE"
      ],
      "load": "high",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "다중 주파수 사인파가 합성되어 흐르는 살아있는 파형 — 색 그라디언트 + 트레일.",
      "idea": "음성 인터페이스 비주얼라이저, 라이브 스트림 인디케이터, 명상/사운드 앱.",
      "ai": {
        "family": "signal",
        "dataShape": "animated waveform line",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show trend over time",
          "show sound intensity"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "time-series",
          "audio",
          "waveform",
          "wave",
          "사운드",
          "웨이브"
        ]
      },
      "deps": [
        "canvas"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2334,
          2379
        ]
      },
      "urls": {
        "md": "/sku/INT-24.md",
        "js": "/sku/INT-24.js",
        "gallery": "/#INT-24",
        "absolute_md": "https://graph.heal7.com/sku/INT-24.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-24.js"
      }
    },
    {
      "code": "[INT-25]",
      "sku": "INT-25",
      "id": "c-pierace",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Pie Race · 비중 레이스",
      "library": "ECharts",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "med",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "2초마다 비중이 변하는 로즈 도넛 — 점유율 변동을 회전감 있게.",
      "idea": "시장 점유율 변화, 투표 진행 상황, 카테고리 트렌드.",
      "ai": {
        "family": "kpi",
        "dataShape": "headline value, rank race or progress state",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "surface headline KPI"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "kpi",
          "progress",
          "pie",
          "race",
          "비중",
          "레이스"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2746,
          2769
        ]
      },
      "urls": {
        "md": "/sku/INT-25.md",
        "js": "/sku/INT-25.js",
        "gallery": "/#INT-25",
        "absolute_md": "https://graph.heal7.com/sku/INT-25.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-25.js"
      }
    },
    {
      "code": "[INT-26]",
      "sku": "INT-26",
      "id": "c-liquidmulti",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Liquid Multi · 다중 물병",
      "library": "SVG",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "high",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "3개 SVG 게이지 동시 — 에너지·집중·회복을 액체 레벨로.",
      "idea": "다축 헬스 메트릭, 자원 잔량 대시보드.",
      "ai": {
        "family": "kpi",
        "dataShape": "headline value, rank race or progress state",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "surface headline KPI"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "kpi",
          "progress",
          "liquid",
          "multi",
          "다중",
          "물병"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2772,
          2809
        ]
      },
      "urls": {
        "md": "/sku/INT-26.md",
        "js": "/sku/INT-26.js",
        "gallery": "/#INT-26",
        "absolute_md": "https://graph.heal7.com/sku/INT-26.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-26.js"
      }
    },
    {
      "code": "[INT-27]",
      "sku": "INT-27",
      "id": "c-heatpulse",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Heat Pulse · 펄스 매트릭스",
      "library": "ECharts",
      "badges": [
        "🌀 LIVE",
        "WIDE"
      ],
      "load": "med",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "시간×요일 24×7 셀이 1.5초마다 색을 바꿔 깜빡이는 라이브 매트릭스.",
      "idea": "실시간 트래픽 매트릭스, 서버 부하 히트맵, 채팅 활성도.",
      "ai": {
        "family": "monitoring",
        "dataShape": "time-slot heatmap with pulsing cells",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show trend over time",
          "find busy slots"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "time-series",
          "heatmap",
          "pulse",
          "heat",
          "펄스",
          "매트릭스"
        ]
      },
      "deps": [
        "echarts@5"
      ],
      "pasteKind": "echarts-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          2812,
          2837
        ]
      },
      "urls": {
        "md": "/sku/INT-27.md",
        "js": "/sku/INT-27.js",
        "gallery": "/#INT-27",
        "absolute_md": "https://graph.heal7.com/sku/INT-27.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-27.js"
      }
    },
    {
      "code": "[INT-28]",
      "sku": "INT-28",
      "id": "c-magnet",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Magnetic Field · 자기장",
      "library": "Canvas",
      "badges": [
        "🌀 MOUSE"
      ],
      "load": "high",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "격자 위 화살표가 마우스 위치를 향해 자기장처럼 정렬 — 거리에 따라 강도 변화.",
      "idea": "인터랙티브 히어로 배경, 영향력 시각화, 추천 흐름 인스피레이션.",
      "ai": {
        "family": "vector-field",
        "dataShape": "interactive magnetic vector field",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show directional force field"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "magnetic field",
          "canvas",
          "magnetic",
          "field",
          "자기장"
        ]
      },
      "deps": [
        "canvas"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3294,
          3432
        ]
      },
      "urls": {
        "md": "/sku/INT-28.md",
        "js": "/sku/INT-28.js",
        "gallery": "/#INT-28",
        "absolute_md": "https://graph.heal7.com/sku/INT-28.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-28.js"
      }
    },
    {
      "code": "[INT-29]",
      "sku": "INT-29",
      "id": "c-orbit",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Orbital Loader · 궤도 로더",
      "library": "Canvas",
      "badges": [
        "🌀 LIVE"
      ],
      "load": "high",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "서로 다른 속도로 도는 다중 궤도 — 행성 시스템의 시각적 비유.",
      "idea": "로딩 인디케이터, 다축 진행도, 메디테이션 비주얼.",
      "ai": {
        "family": "orbital-system",
        "dataShape": "animated orbital bodies",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show orbital motion"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "orbit",
          "loader",
          "orbital",
          "궤도",
          "로더"
        ]
      },
      "deps": [
        "canvas"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3435,
          3576
        ]
      },
      "urls": {
        "md": "/sku/INT-29.md",
        "js": "/sku/INT-29.js",
        "gallery": "/#INT-29",
        "absolute_md": "https://graph.heal7.com/sku/INT-29.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-29.js"
      }
    },
    {
      "code": "[INT-30]",
      "sku": "INT-30",
      "id": "c-forcecloud",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Force Bubble Cloud · 충돌 버블",
      "library": "Canvas",
      "badges": [
        "🌀 PHYSICS"
      ],
      "load": "high",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "엔터티 버블이 척력으로 자유 배치 — 마우스에 끌려와 부딪히며 모이는 인터랙티브 클라우드.",
      "idea": "키워드 클라우드, 직무 후보군, 팀원 아바타 그룹핑, 흥미·강점 매핑.",
      "ai": {
        "family": "collision-layout",
        "dataShape": "physics-driven bubble packing",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "compare profiles",
          "show connections",
          "show grouped bubble crowd"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "multivariate",
          "network",
          "flow",
          "bubble cloud",
          "force",
          "bubble",
          "cloud",
          "충돌",
          "버블"
        ]
      },
      "deps": [
        "canvas"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3579,
          3719
        ]
      },
      "urls": {
        "md": "/sku/INT-30.md",
        "js": "/sku/INT-30.js",
        "gallery": "/#INT-30",
        "absolute_md": "https://graph.heal7.com/sku/INT-30.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-30.js"
      }
    },
    {
      "code": "[INT-31]",
      "sku": "INT-31",
      "id": "c-pulsebeat",
      "tab": "dynamic-2",
      "kind": "interactive",
      "title": "Pulse Beat · 심박 라인",
      "library": "Canvas",
      "badges": [
        "🌀 LIVE",
        "WIDE"
      ],
      "load": "high",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "생체 펄스 리듬을 닮은 라이브 라인 — 일정 주기마다 큰 박동이 좌→우로 흘러감.",
      "idea": "헬스 데이터 비주얼, 실시간 만족도/NPS, 살아있는 KPI 인디케이터.",
      "ai": {
        "family": "monitoring",
        "dataShape": "heartbeat-style signal line",
        "tasks": [
          "explore data",
          "filter subsets",
          "monitor change",
          "show trend over time",
          "show health pulse"
        ],
        "tags": [
          "interactive",
          "exploration",
          "linked view",
          "time-series",
          "pulse",
          "heartbeat",
          "beat",
          "심박",
          "라인"
        ]
      },
      "deps": [
        "canvas"
      ],
      "pasteKind": "custom-mount",
      "schema": null,
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3722,
          3758
        ]
      },
      "urls": {
        "md": "/sku/INT-31.md",
        "js": "/sku/INT-31.js",
        "gallery": "/#INT-31",
        "absolute_md": "https://graph.heal7.com/sku/INT-31.md",
        "absolute_js": "https://graph.heal7.com/sku/INT-31.js"
      }
    },
    {
      "code": "[SCH-01]",
      "sku": "SCH-01",
      "id": "c-sch-2col",
      "tab": "schemas",
      "kind": "schema",
      "title": "2분할 좌우 · Compare",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "A vs B 좌·우 비교 — 시선 흐름 왼→오른 기초 패턴.",
      "idea": "Before/After, 현재/목표, 경쟁사 비교, 가설 검증.",
      "ai": {
        "family": "compare",
        "dataShape": "2-cell diagram with 좌-우 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "compare",
          "좌-우",
          "2cells",
          "비교",
          "before-after",
          "A/B",
          "대비"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "compare",
        "cells": 2,
        "axis": "좌-우",
        "tags": [
          "비교",
          "before-after",
          "A/B",
          "대비"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-01.md",
        "js": "/sku/SCH-01.js",
        "gallery": "/#SCH-01",
        "absolute_md": "https://graph.heal7.com/sku/SCH-01.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-01.js"
      }
    },
    {
      "code": "[SCH-02]",
      "sku": "SCH-02",
      "id": "c-sch-3flow",
      "tab": "schemas",
      "kind": "schema",
      "title": "3단계 흐름 · Flow",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "입력→처리→출력 같은 좌→중→우 단방향 시퀀스.",
      "idea": "비즈니스 프로세스, 데이터 파이프라인, IPO(Input-Process-Output).",
      "ai": {
        "family": "flow",
        "dataShape": "3-cell diagram with 좌→중→우 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "flow",
          "좌→중→우",
          "3cells",
          "IPO",
          "시퀀스",
          "단방향",
          "프로세스"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "flow",
        "cells": 3,
        "axis": "좌→중→우",
        "tags": [
          "IPO",
          "시퀀스",
          "단방향",
          "프로세스"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-02.md",
        "js": "/sku/SCH-02.js",
        "gallery": "/#SCH-02",
        "absolute_md": "https://graph.heal7.com/sku/SCH-02.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-02.js"
      }
    },
    {
      "code": "[SCH-03]",
      "sku": "SCH-03",
      "id": "c-sch-3layer",
      "tab": "schemas",
      "kind": "schema",
      "title": "3단 계층 · Top-Down",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "Vision/Strategy/Execution 같은 위→아래 단계적 구체화.",
      "idea": "전략 캐스케이드, OKR 정렬, 조직 위계.",
      "ai": {
        "family": "layer",
        "dataShape": "3-cell diagram with 위↓아래 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "layer",
          "위↓아래",
          "3cells",
          "계층",
          "top-down",
          "캐스케이드",
          "OKR"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "layer",
        "cells": 3,
        "axis": "위↓아래",
        "tags": [
          "계층",
          "top-down",
          "캐스케이드",
          "OKR"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-03.md",
        "js": "/sku/SCH-03.js",
        "gallery": "/#SCH-03",
        "absolute_md": "https://graph.heal7.com/sku/SCH-03.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-03.js"
      }
    },
    {
      "code": "[SCH-04]",
      "sku": "SCH-04",
      "id": "c-sch-9block",
      "tab": "schemas",
      "kind": "schema",
      "title": "만다라트 3×3 · 9-Block",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "중심 핵심 + 8 보조 셀 — 오타니식 목표 분해 / 플랫폼 구조 (수요·공급·제휴·나).",
      "idea": "목표-수단 분해, 비즈니스 모델 캔버스, 스킬 매트릭스.",
      "ai": {
        "family": "block",
        "dataShape": "9-cell diagram with 중심+8 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "block",
          "중심+8",
          "9cells",
          "만다라트",
          "목표분해",
          "BMC",
          "9분할"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "block",
        "cells": 9,
        "axis": "중심+8",
        "tags": [
          "만다라트",
          "목표분해",
          "BMC",
          "9분할"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-04.md",
        "js": "/sku/SCH-04.js",
        "gallery": "/#SCH-04",
        "absolute_md": "https://graph.heal7.com/sku/SCH-04.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-04.js"
      }
    },
    {
      "code": "[SCH-05]",
      "sku": "SCH-05",
      "id": "c-sch-hub",
      "tab": "schemas",
      "kind": "schema",
      "title": "허브-방사 · Hub Radial",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "중심에서 4방향(상하좌우) 발산 — 플랫폼 구조 N방향 일반화.",
      "idea": "플랫폼(수요-공급-제휴-채널), 핵심가치 4축, 이해관계자 맵.",
      "ai": {
        "family": "radial",
        "dataShape": "4-cell diagram with 중심+N방향 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "radial",
          "중심+N방향",
          "4cells",
          "플랫폼",
          "허브-스포크",
          "이해관계자"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "radial",
        "cells": 4,
        "axis": "중심+N방향",
        "tags": [
          "플랫폼",
          "허브-스포크",
          "이해관계자"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-05.md",
        "js": "/sku/SCH-05.js",
        "gallery": "/#SCH-05",
        "absolute_md": "https://graph.heal7.com/sku/SCH-05.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-05.js"
      }
    },
    {
      "code": "[SCH-06]",
      "sku": "SCH-06",
      "id": "c-sch-pyramid",
      "tab": "schemas",
      "kind": "schema",
      "title": "피라미드 · Pyramid",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "정점→기반 누적 삼각형 — 좁은 핵심에서 넓은 실행으로 확장.",
      "idea": "Vision-Mission-Action, Maslow, 인구 피라미드, 데이터 위계.",
      "ai": {
        "family": "pyramid",
        "dataShape": "3-cell diagram with 정점→기반 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "pyramid",
          "정점→기반",
          "3cells",
          "Maslow",
          "피라미드",
          "전략 트리"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "pyramid",
        "cells": 3,
        "axis": "정점→기반",
        "tags": [
          "Maslow",
          "피라미드",
          "전략 트리"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-06.md",
        "js": "/sku/SCH-06.js",
        "gallery": "/#SCH-06",
        "absolute_md": "https://graph.heal7.com/sku/SCH-06.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-06.js"
      }
    },
    {
      "code": "[SCH-07]",
      "sku": "SCH-07",
      "id": "c-sch-quad",
      "tab": "schemas",
      "kind": "schema",
      "title": "2×2 매트릭스 · Quadrant",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "두 축 교차로 4사분면 — 우선순위·포지셔닝의 가장 보편적 의사결정 프레임.",
      "idea": "중요도×긴급도(Eisenhower), 가치×난이도, BCG 성장점유율.",
      "ai": {
        "family": "matrix",
        "dataShape": "4-cell diagram with 2축 교차 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "matrix",
          "2축 교차",
          "4cells",
          "BCG",
          "Eisenhower",
          "우선순위"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "matrix",
        "cells": 4,
        "axis": "2축 교차",
        "tags": [
          "BCG",
          "Eisenhower",
          "우선순위"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-07.md",
        "js": "/sku/SCH-07.js",
        "gallery": "/#SCH-07",
        "absolute_md": "https://graph.heal7.com/sku/SCH-07.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-07.js"
      }
    },
    {
      "code": "[SCH-08]",
      "sku": "SCH-08",
      "id": "c-sch-swot",
      "tab": "schemas",
      "kind": "schema",
      "title": "SWOT · 4-Box",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "강점/약점 (내부) × 기회/위협 (외부) 2×2 전략 분석.",
      "idea": "전략 진단, 사업계획서 기본 분석, PR 입찰 제안.",
      "ai": {
        "family": "matrix",
        "dataShape": "4-cell diagram with 내부×외부 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "matrix",
          "내부×외부",
          "4cells",
          "SWOT",
          "전략 진단",
          "사업계획서"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "matrix",
        "cells": 4,
        "axis": "내부×외부",
        "tags": [
          "SWOT",
          "전략 진단",
          "사업계획서"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-08.md",
        "js": "/sku/SCH-08.js",
        "gallery": "/#SCH-08",
        "absolute_md": "https://graph.heal7.com/sku/SCH-08.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-08.js"
      }
    },
    {
      "code": "[SCH-09]",
      "sku": "SCH-09",
      "id": "c-sch-funnel",
      "tab": "schemas",
      "kind": "schema",
      "title": "5단계 퍼널 · Funnel",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "상→하 폭이 좁아지는 단계별 전환 — 마케팅·세일즈·HR 채용 깔때기.",
      "idea": "AARRR(획득·활성·유지·수익·추천), 채용 단계, 영업 파이프라인.",
      "ai": {
        "family": "funnel",
        "dataShape": "5-cell diagram with 위→아래 협소화 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "funnel",
          "위→아래 협소화",
          "5cells",
          "AARRR",
          "전환",
          "채용",
          "파이프라인"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "funnel",
        "cells": 5,
        "axis": "위→아래 협소화",
        "tags": [
          "AARRR",
          "전환",
          "채용",
          "파이프라인"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-09.md",
        "js": "/sku/SCH-09.js",
        "gallery": "/#SCH-09",
        "absolute_md": "https://graph.heal7.com/sku/SCH-09.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-09.js"
      }
    },
    {
      "code": "[SCH-10]",
      "sku": "SCH-10",
      "id": "c-sch-cycle",
      "tab": "schemas",
      "kind": "schema",
      "title": "PDCA 순환 · Cycle",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "Plan→Do→Check→Act 4단계 폐쇄 루프 — 지속 개선 기본 사이클.",
      "idea": "PDCA 품질개선, OODA 의사결정, 애자일 sprint 회고.",
      "ai": {
        "family": "cycle",
        "dataShape": "4-cell diagram with 순환 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "cycle",
          "순환",
          "4cells",
          "PDCA",
          "OODA",
          "회고",
          "애자일"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "cycle",
        "cells": 4,
        "axis": "순환",
        "tags": [
          "PDCA",
          "OODA",
          "회고",
          "애자일"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-10.md",
        "js": "/sku/SCH-10.js",
        "gallery": "/#SCH-10",
        "absolute_md": "https://graph.heal7.com/sku/SCH-10.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-10.js"
      }
    },
    {
      "code": "[SCH-11]",
      "sku": "SCH-11",
      "id": "c-sch-4block",
      "tab": "schemas",
      "kind": "schema",
      "title": "4-Block 2×2 · 사분면 분할",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "9-Block의 간소형 — 4 영역 분류만 필요한 단순 비교에 적합.",
      "idea": "Stop/Start/Continue/Change 회고, 4P 마케팅, 페르소나 4그룹.",
      "ai": {
        "family": "block",
        "dataShape": "4-cell diagram with 2×2 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "block",
          "2×2",
          "4cells",
          "Stop-Start-Continue",
          "4P",
          "4분할"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "block",
        "cells": 4,
        "axis": "2×2",
        "tags": [
          "Stop-Start-Continue",
          "4P",
          "4분할"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-11.md",
        "js": "/sku/SCH-11.js",
        "gallery": "/#SCH-11",
        "absolute_md": "https://graph.heal7.com/sku/SCH-11.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-11.js"
      }
    },
    {
      "code": "[SCH-12]",
      "sku": "SCH-12",
      "id": "c-sch-6block",
      "tab": "schemas",
      "kind": "schema",
      "title": "6-Block 2×3 · 6분할 매트릭스",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "9-Block과 4-Block 사이의 균형 — 6개 핵심 요인을 가로 3 × 세로 2로 분해.",
      "idea": "5W1H, 6 Hat 사고, 가치제안 캔버스 핵심 6요소.",
      "ai": {
        "family": "block",
        "dataShape": "6-cell diagram with 2×3 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "block",
          "2×3",
          "6cells",
          "5W1H",
          "6Hat",
          "VPC",
          "6분할"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "block",
        "cells": 6,
        "axis": "2×3",
        "tags": [
          "5W1H",
          "6Hat",
          "VPC",
          "6분할"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-12.md",
        "js": "/sku/SCH-12.js",
        "gallery": "/#SCH-12",
        "absolute_md": "https://graph.heal7.com/sku/SCH-12.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-12.js"
      }
    },
    {
      "code": "[SCH-13]",
      "sku": "SCH-13",
      "id": "c-sch-5flow",
      "tab": "schemas",
      "kind": "schema",
      "title": "5-Stage Flow · 5단계 흐름",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "3-Stage Flow 확장 — 입력부터 평가까지 5단계 파이프라인.",
      "idea": "Discover-Define-Develop-Deliver-Evaluate, ML 파이프라인, 사업개발 단계.",
      "ai": {
        "family": "flow",
        "dataShape": "5-cell diagram with 좌→우 5단 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "flow",
          "좌→우 5단",
          "5cells",
          "Double-Diamond",
          "5단계",
          "파이프라인"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "flow",
        "cells": 5,
        "axis": "좌→우 5단",
        "tags": [
          "Double-Diamond",
          "5단계",
          "파이프라인"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-13.md",
        "js": "/sku/SCH-13.js",
        "gallery": "/#SCH-13",
        "absolute_md": "https://graph.heal7.com/sku/SCH-13.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-13.js"
      }
    },
    {
      "code": "[SCH-14]",
      "sku": "SCH-14",
      "id": "c-sch-onion",
      "tab": "schemas",
      "kind": "schema",
      "title": "Onion Layers · 동심원 다층",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "중심에서 바깥으로 동심원 4겹 — 핵심·서비스·확장·주변 동심 계층화.",
      "idea": "Core-Augmented Product, 영향권 단계, 보안 perimeter, 친밀도 원.",
      "ai": {
        "family": "layer",
        "dataShape": "4-cell diagram with 중심→바깥 동심 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "layer",
          "중심→바깥 동심",
          "4cells",
          "Onion",
          "Core-Augmented",
          "perimeter",
          "친밀도"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "layer",
        "cells": 4,
        "axis": "중심→바깥 동심",
        "tags": [
          "Onion",
          "Core-Augmented",
          "perimeter",
          "친밀도"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-14.md",
        "js": "/sku/SCH-14.js",
        "gallery": "/#SCH-14",
        "absolute_md": "https://graph.heal7.com/sku/SCH-14.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-14.js"
      }
    },
    {
      "code": "[SCH-15]",
      "sku": "SCH-15",
      "id": "c-sch-fishbone",
      "tab": "schemas",
      "kind": "schema",
      "title": "Fishbone · 이시카와 (특성요인도)",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "중앙 척추(결과) ← 좌우 가지(원인 카테고리) — 근본원인 분석의 표준 도식.",
      "idea": "품질 결함 RCA, 장애 원인 추적, 6M(Man·Machine·Method·Material·Measurement·Mother Nature).",
      "ai": {
        "family": "cause",
        "dataShape": "6-cell diagram with 중앙 척추+가지 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "cause",
          "중앙 척추+가지",
          "6cells",
          "Ishikawa",
          "RCA",
          "6M",
          "특성요인도"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "cause",
        "cells": 6,
        "axis": "중앙 척추+가지",
        "tags": [
          "Ishikawa",
          "RCA",
          "6M",
          "특성요인도"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-15.md",
        "js": "/sku/SCH-15.js",
        "gallery": "/#SCH-15",
        "absolute_md": "https://graph.heal7.com/sku/SCH-15.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-15.js"
      }
    },
    {
      "code": "[SCH-16]",
      "sku": "SCH-16",
      "id": "c-sch-tows",
      "tab": "schemas",
      "kind": "schema",
      "title": "TOWS · 액션 매트릭스",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "SWOT 업그레이드 — 외부(기회·위협) × 내부(강점·약점) 교차로 4가지 실행 전략 도출.",
      "idea": "SO(공세)·ST(차별화)·WO(보완)·WT(회피) 전략, SWOT 분석 후속 액션 플랜.",
      "ai": {
        "family": "matrix",
        "dataShape": "4-cell diagram with 외부×내부 액션 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "matrix",
          "외부×내부 액션",
          "4cells",
          "TOWS",
          "SO/ST/WO/WT",
          "전략 액션"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "matrix",
        "cells": 4,
        "axis": "외부×내부 액션",
        "tags": [
          "TOWS",
          "SO/ST/WO/WT",
          "전략 액션"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-16.md",
        "js": "/sku/SCH-16.js",
        "gallery": "/#SCH-16",
        "absolute_md": "https://graph.heal7.com/sku/SCH-16.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-16.js"
      }
    },
    {
      "code": "[SCH-17]",
      "sku": "SCH-17",
      "id": "c-sch-bcg",
      "tab": "schemas",
      "kind": "schema",
      "title": "BCG · 사업 포트폴리오",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "시장 성장률 × 시장 점유율 4분면 — 스타·캐시카우·물음표·개 분류.",
      "idea": "사업 포트폴리오 진단, 투자 우선순위, 제품 라이프사이클 매핑.",
      "ai": {
        "family": "matrix",
        "dataShape": "4-cell diagram with 성장률×점유율 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "matrix",
          "성장률×점유율",
          "4cells",
          "BCG",
          "스타",
          "캐시카우",
          "포트폴리오"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "matrix",
        "cells": 4,
        "axis": "성장률×점유율",
        "tags": [
          "BCG",
          "스타",
          "캐시카우",
          "포트폴리오"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-17.md",
        "js": "/sku/SCH-17.js",
        "gallery": "/#SCH-17",
        "absolute_md": "https://graph.heal7.com/sku/SCH-17.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-17.js"
      }
    },
    {
      "code": "[SCH-18]",
      "sku": "SCH-18",
      "id": "c-sch-ansoff",
      "tab": "schemas",
      "kind": "schema",
      "title": "Ansoff · 성장 전략",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "제품(기존/신규) × 시장(기존/신규) 2×2 — 4가지 성장 경로.",
      "idea": "시장침투·시장개발·제품개발·다각화 전략 결정, 신사업 기획서.",
      "ai": {
        "family": "matrix",
        "dataShape": "4-cell diagram with 시장×제품 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "matrix",
          "시장×제품",
          "4cells",
          "Ansoff",
          "시장침투",
          "다각화",
          "성장전략"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "matrix",
        "cells": 4,
        "axis": "시장×제품",
        "tags": [
          "Ansoff",
          "시장침투",
          "다각화",
          "성장전략"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-18.md",
        "js": "/sku/SCH-18.js",
        "gallery": "/#SCH-18",
        "absolute_md": "https://graph.heal7.com/sku/SCH-18.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-18.js"
      }
    },
    {
      "code": "[SCH-19]",
      "sku": "SCH-19",
      "id": "c-sch-porter5",
      "tab": "schemas",
      "kind": "schema",
      "title": "Porter 5 Forces · 산업 구조 분석",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "중앙 산업내 경쟁 + 4방향 외부 압력 — 산업 매력도와 경쟁 강도 진단.",
      "idea": "신규 시장 진입 평가, M&A 산업 분석, 사업계획서 외부 환경 분석.",
      "ai": {
        "family": "forces",
        "dataShape": "5-cell diagram with 중심+5압력 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "forces",
          "중심+5압력",
          "5cells",
          "Porter",
          "5 Forces",
          "산업분석",
          "경쟁"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "forces",
        "cells": 5,
        "axis": "중심+5압력",
        "tags": [
          "Porter",
          "5 Forces",
          "산업분석",
          "경쟁"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-19.md",
        "js": "/sku/SCH-19.js",
        "gallery": "/#SCH-19",
        "absolute_md": "https://graph.heal7.com/sku/SCH-19.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-19.js"
      }
    },
    {
      "code": "[SCH-20]",
      "sku": "SCH-20",
      "id": "c-sch-vchain",
      "tab": "schemas",
      "kind": "schema",
      "title": "Value Chain · 가치사슬",
      "library": "SVG",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "Porter 가치사슬 — 지원활동(상단 4) + 본원활동(하단 5) → 마진 창출.",
      "idea": "원가 구조 분석, 차별화 포인트 식별, 아웃소싱 의사결정.",
      "ai": {
        "family": "chain",
        "dataShape": "9-cell diagram with 본원5+지원4 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "chain",
          "본원5+지원4",
          "9cells",
          "Value Chain",
          "Porter",
          "마진",
          "원가분석"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "chain",
        "cells": 9,
        "axis": "본원5+지원4",
        "tags": [
          "Value Chain",
          "Porter",
          "마진",
          "원가분석"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-20.md",
        "js": "/sku/SCH-20.js",
        "gallery": "/#SCH-20",
        "absolute_md": "https://graph.heal7.com/sku/SCH-20.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-20.js"
      }
    },
    {
      "code": "[SCH-21]",
      "sku": "SCH-21",
      "id": "c-sch-journey",
      "tab": "schemas",
      "kind": "schema",
      "title": "Customer Journey · 고객 여정",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "인지→고려→구매→사용→옹호 5단계 + 단계별 감정 곡선.",
      "idea": "UX 페인포인트 식별, 전환 깔때기 진단, 서비스 블루프린트.",
      "ai": {
        "family": "journey",
        "dataShape": "5-cell diagram with 좌→우+감정 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "journey",
          "좌→우+감정",
          "5cells",
          "Customer Journey",
          "UX",
          "페인포인트",
          "전환"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "journey",
        "cells": 5,
        "axis": "좌→우+감정",
        "tags": [
          "Customer Journey",
          "UX",
          "페인포인트",
          "전환"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-21.md",
        "js": "/sku/SCH-21.js",
        "gallery": "/#SCH-21",
        "absolute_md": "https://graph.heal7.com/sku/SCH-21.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-21.js"
      }
    },
    {
      "code": "[SCH-22]",
      "sku": "SCH-22",
      "id": "c-sch-mindmap2",
      "tab": "schemas",
      "kind": "schema",
      "title": "Mind Map · 마인드맵 (방사형)",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "중심 주제 + 4 main branch + 각각 2-3 sub branch — 자유 발산 사고.",
      "idea": "브레인스토밍, 강의 노트, 책 요약, 프로젝트 분해.",
      "ai": {
        "family": "tree",
        "dataShape": "1-cell diagram with 중심+방사+분기 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "tree",
          "중심+방사+분기",
          "1cells",
          "Mind Map",
          "브레인스토밍",
          "발산사고"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "tree",
        "cells": 1,
        "axis": "중심+방사+분기",
        "tags": [
          "Mind Map",
          "브레인스토밍",
          "발산사고"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-22.md",
        "js": "/sku/SCH-22.js",
        "gallery": "/#SCH-22",
        "absolute_md": "https://graph.heal7.com/sku/SCH-22.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-22.js"
      }
    },
    {
      "code": "[SCH-23]",
      "sku": "SCH-23",
      "id": "c-sch-roadmap",
      "tab": "schemas",
      "kind": "schema",
      "title": "Roadmap · 분기별 타임라인",
      "library": "SVG",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "Q1~Q4 가로축 + 다중 트랙별 마일스톤 — 일정 + 우선순위 시각화.",
      "idea": "제품 로드맵 PR, OKR 분기 계획, 프로젝트 마일스톤 보고.",
      "ai": {
        "family": "timeline",
        "dataShape": "4-cell diagram with 시간축+트랙 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "timeline",
          "시간축+트랙",
          "4cells",
          "Roadmap",
          "분기",
          "마일스톤",
          "OKR"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "timeline",
        "cells": 4,
        "axis": "시간축+트랙",
        "tags": [
          "Roadmap",
          "분기",
          "마일스톤",
          "OKR"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-23.md",
        "js": "/sku/SCH-23.js",
        "gallery": "/#SCH-23",
        "absolute_md": "https://graph.heal7.com/sku/SCH-23.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-23.js"
      }
    },
    {
      "code": "[SCH-24]",
      "sku": "SCH-24",
      "id": "c-sch-kanban",
      "tab": "schemas",
      "kind": "schema",
      "title": "Kanban · 칸반 보드",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "To Do · In Progress · Done 3 컬럼 — WIP 한도와 흐름 관리의 표준.",
      "idea": "애자일 sprint 보드, 개인 GTD, 영업 파이프라인 단계별.",
      "ai": {
        "family": "board",
        "dataShape": "3-cell diagram with 좌→우 흐름 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "board",
          "좌→우 흐름",
          "3cells",
          "Kanban",
          "애자일",
          "WIP",
          "GTD"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "board",
        "cells": 3,
        "axis": "좌→우 흐름",
        "tags": [
          "Kanban",
          "애자일",
          "WIP",
          "GTD"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-24.md",
        "js": "/sku/SCH-24.js",
        "gallery": "/#SCH-24",
        "absolute_md": "https://graph.heal7.com/sku/SCH-24.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-24.js"
      }
    },
    {
      "code": "[SCH-25]",
      "sku": "SCH-25",
      "id": "c-sch-ia",
      "tab": "schemas",
      "kind": "schema",
      "title": "Site IA · 사이트 정보구조",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "홈 → 섹션 → 페이지 트리 — 웹사이트 정보구조 가시화 표준.",
      "idea": "웹·앱 IA 설계, 사이트맵 기획, 검색 카테고리 트리.",
      "ai": {
        "family": "tree",
        "dataShape": "3-cell diagram with 위→아래 분기 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "tree",
          "위→아래 분기",
          "3cells",
          "IA",
          "사이트맵",
          "정보구조",
          "UX"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "tree",
        "cells": 3,
        "axis": "위→아래 분기",
        "tags": [
          "IA",
          "사이트맵",
          "정보구조",
          "UX"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-25.md",
        "js": "/sku/SCH-25.js",
        "gallery": "/#SCH-25",
        "absolute_md": "https://graph.heal7.com/sku/SCH-25.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-25.js"
      }
    },
    {
      "code": "[SCH-26]",
      "sku": "SCH-26",
      "id": "c-sch-userflow",
      "tab": "schemas",
      "kind": "schema",
      "title": "User Flow · 분기 사용자 흐름",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "시작 → 액션 → 결정(분기 Y/N) → 종료 — 인터랙션 시나리오 흐름.",
      "idea": "UX 시나리오, 결제 플로우, 온보딩 분기, BPMN 간소화.",
      "ai": {
        "family": "flow",
        "dataShape": "5-cell diagram with 좌→우+분기 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "flow",
          "좌→우+분기",
          "5cells",
          "UserFlow",
          "BPMN",
          "UX",
          "분기"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "flow",
        "cells": 5,
        "axis": "좌→우+분기",
        "tags": [
          "UserFlow",
          "BPMN",
          "UX",
          "분기"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-26.md",
        "js": "/sku/SCH-26.js",
        "gallery": "/#SCH-26",
        "absolute_md": "https://graph.heal7.com/sku/SCH-26.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-26.js"
      }
    },
    {
      "code": "[SCH-27]",
      "sku": "SCH-27",
      "id": "c-sch-wireframe",
      "tab": "schemas",
      "kind": "schema",
      "title": "Wireframe · 화면 레이아웃",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "Header / Sidebar / Content / Footer — 웹·앱 화면 영역 분할 기본형.",
      "idea": "화면 와이어프레임, UI 영역 정책, 반응형 그리드 설계.",
      "ai": {
        "family": "layout",
        "dataShape": "5-cell diagram with 화면 영역분할 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "layout",
          "화면 영역분할",
          "5cells",
          "Wireframe",
          "UI",
          "레이아웃",
          "반응형"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "layout",
        "cells": 5,
        "axis": "화면 영역분할",
        "tags": [
          "Wireframe",
          "UI",
          "레이아웃",
          "반응형"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-27.md",
        "js": "/sku/SCH-27.js",
        "gallery": "/#SCH-27",
        "absolute_md": "https://graph.heal7.com/sku/SCH-27.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-27.js"
      }
    },
    {
      "code": "[SCH-28]",
      "sku": "SCH-28",
      "id": "c-sch-swimlane",
      "tab": "schemas",
      "kind": "schema",
      "title": "Swimlane · 역할별 트랙",
      "library": "SVG",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "3 레인(고객·시스템·백엔드) × 4 단계 — 역할별 책임을 가로 흐름으로.",
      "idea": "서비스 블루프린트, BPMN 프로세스, RACI 시각화.",
      "ai": {
        "family": "lane",
        "dataShape": "3-cell diagram with 역할 레인×단계 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "lane",
          "역할 레인×단계",
          "3cells",
          "Swimlane",
          "BPMN",
          "RACI",
          "블루프린트"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "lane",
        "cells": 3,
        "axis": "역할 레인×단계",
        "tags": [
          "Swimlane",
          "BPMN",
          "RACI",
          "블루프린트"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-28.md",
        "js": "/sku/SCH-28.js",
        "gallery": "/#SCH-28",
        "absolute_md": "https://graph.heal7.com/sku/SCH-28.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-28.js"
      }
    },
    {
      "code": "[SCH-29]",
      "sku": "SCH-29",
      "id": "c-sch-arch",
      "tab": "schemas",
      "kind": "schema",
      "title": "Layered Arch · 시스템 계층",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 1,
        "tall": false
      },
      "description": "Frontend → API → Service → DB 4계층 stack — 시스템 아키텍처 표현.",
      "idea": "시스템 아키텍처, MSA 계층, 의존성 매핑, 배포 다이어그램.",
      "ai": {
        "family": "stack",
        "dataShape": "4-cell diagram with 계층 누적 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "stack",
          "계층 누적",
          "4cells",
          "Architecture",
          "MSA",
          "계층",
          "시스템"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "stack",
        "cells": 4,
        "axis": "계층 누적",
        "tags": [
          "Architecture",
          "MSA",
          "계층",
          "시스템"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-29.md",
        "js": "/sku/SCH-29.js",
        "gallery": "/#SCH-29",
        "absolute_md": "https://graph.heal7.com/sku/SCH-29.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-29.js"
      }
    },
    {
      "code": "[SCH-30]",
      "sku": "SCH-30",
      "id": "c-sch-dtree",
      "tab": "schemas",
      "kind": "schema",
      "title": "Decision Tree · 의사결정 트리",
      "library": "SVG",
      "badges": [],
      "load": "low",
      "layout": {
        "span": 2,
        "tall": false
      },
      "description": "루트 질문 → Yes/No 분기 → 잎 결론 — 의사결정/분류 규칙의 표준 구조.",
      "idea": "정책 분기, 트러블슈팅 체크리스트, 자격 판정, 분류 모델 설명.",
      "ai": {
        "family": "tree",
        "dataShape": "6-cell diagram with 분기 트리 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "tree",
          "분기 트리",
          "6cells",
          "DecisionTree",
          "분류",
          "정책",
          "체크리스트"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "tree",
        "cells": 6,
        "axis": "분기 트리",
        "tags": [
          "DecisionTree",
          "분류",
          "정책",
          "체크리스트"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-30.md",
        "js": "/sku/SCH-30.js",
        "gallery": "/#SCH-30",
        "absolute_md": "https://graph.heal7.com/sku/SCH-30.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-30.js"
      }
    },
    {
      "code": "[SCH-31]",
      "sku": "SCH-31",
      "id": "c-sch-sparkboard",
      "tab": "schemas",
      "kind": "schema",
      "title": "Sparkline Board · 게시글 추세 요약",
      "library": "SVG",
      "badges": [
        "WIDE"
      ],
      "load": "low",
      "layout": {
        "span": 3,
        "tall": false
      },
      "description": "한 행 = 글/주제 텍스트 + 우측 2~3개 미니 추세선 — 피크와 흐름을 목록형으로 압축한다.",
      "idea": "빅데이터 통계 게시판, 뉴스 이슈 피드, 논문/리포트 요약 목록, KPI 워치리스트.",
      "ai": {
        "family": "feed",
        "dataShape": "3-cell diagram with 좌 텍스트 / 우 3 미니 추세 axis",
        "tasks": [
          "structure ideas",
          "explain process",
          "choose communication frame"
        ],
        "tags": [
          "feed",
          "좌 텍스트 / 우 3 미니 추세",
          "3cells",
          "Sparkline",
          "게시판",
          "피드",
          "트렌드 요약",
          "리스트"
        ]
      },
      "deps": [
        "svg"
      ],
      "pasteKind": "schema-svg",
      "schema": {
        "type": "feed",
        "cells": 3,
        "axis": "좌 텍스트 / 우 3 미니 추세",
        "tags": [
          "Sparkline",
          "게시판",
          "피드",
          "트렌드 요약",
          "리스트"
        ]
      },
      "source": {
        "file": "frontend/js/graph-gallery/main.js",
        "lines": [
          3911,
          4470
        ]
      },
      "urls": {
        "md": "/sku/SCH-31.md",
        "js": "/sku/SCH-31.js",
        "gallery": "/#SCH-31",
        "absolute_md": "https://graph.heal7.com/sku/SCH-31.md",
        "absolute_js": "https://graph.heal7.com/sku/SCH-31.js"
      }
    }
  ]
}