---
code: "SCH-31"
id: "c-sch-sparkboard"
tab: "schemas"
kind: "schema"
title: "Sparkline Board · 게시글 추세 요약"
library: "SVG"
deps: ["svg"]
load: "low"
pasteKind: "schema-svg"
family: "feed"
dataShape: "3-cell diagram with 좌 텍스트 / 우 3 미니 추세 axis"
tasks: ["structure ideas", "explain process", "choose communication frame"]
tags: ["feed", "좌 텍스트 / 우 3 미니 추세", "3cells", "Sparkline", "게시판", "피드", "트렌드 요약", "리스트"]
gallery: "https://graph.heal7.com/#SCH-31"
js: "/sku/SCH-31.js"
---

# [SCH-31] Sparkline Board · 게시글 추세 요약

> AI 붙여넣기 카드. 갤러리 런타임(`main.js`)이 아니라 이 파일을 가져와라.

## 언제 가져가나
한 행에 제목/핵심 문장을 두고 우측에 2~3개 미니 sparkline을 붙여, 목록형 정보에서도 피크와 추세를 즉시 읽게 하는 요약 패턴.

**응용** 빅데이터 통계 게시판, 뉴스 이슈 피드, 논문/리포트 요약 목록, KPI 워치리스트.

## 데이터 모양
- family: `feed`
- dataShape: 3-cell diagram with 좌 텍스트 / 우 3 미니 추세 axis
- tasks: structure ideas, explain process, choose communication frame
- tags: feed, 좌 텍스트 / 우 3 미니 추세, 3cells, Sparkline, 게시판, 피드, 트렌드 요약, 리스트

- schema.type: `feed`
- schema.cells: `3`
- schema.axis: `좌 텍스트 / 우 3 미니 추세`


## 의존
svg · load `low` · library `SVG`

## 붙여넣는 법
1. 라이브러리 없음. svg viewBox 0 0 400 240
2. 아래 body 를 svg 안에 넣는다
3. 색 변수(`${gold}` 등)는 T 토큰으로 치환한다

```js
const T = {
  "bg": "transparent",
  "fg": "#ece8f5",
  "sub": "#a59bbd",
  "grid": "rgba(255,255,255,.08)",
  "gold": "#e8c069",
  "royal": "#6b8cff",
  "rose": "#e07a9f",
  "teal": "#6dd2c4",
  "plum": "#b487e8"
};
const gold = T.gold, royal = T.royal, rose = T.rose, teal = T.teal, plum = T.plum, fg = T.fg, sub = T.sub;
const stroke = 'rgba(255,255,255,.18)';
const fill1 = 'rgba(232,192,105,.10)';
const fill2 = 'rgba(107,140,255,.10)';
const host = document.querySelector('#chart');
const body = schemaSparklineBoardBody(DEFAULT_SPARKBOARD_MODEL);
host.innerHTML = '<svg viewBox="0 0 400 240" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" style="overflow:visible">' + (typeof body === 'string' ? body : '') + '</svg>';
```

## 원본 factory (갤러리 정본 발췌)
- file: `frontend/js/graph-gallery/main.js`
- lines: 3911-4470
- gallery: https://graph.heal7.com/#SCH-31
- raw js: https://graph.heal7.com/sku/SCH-31.js

```js
schemaSparklineBoardBody(DEFAULT_SPARKBOARD_MODEL)
```

## 시나리오
- 빅데이터 통계 게시판 — 주제별 언급량·검색량·반응 추세를 리스트로 비교
- 뉴스 이슈 피드 — 기사 제목 우측에 클릭/언급/감성 흐름 3종 표시
- 논문·리포트 요약 목록 — 주제별 인용량·관심도·완성도 추세 스냅샷
- KPI 워치리스트 — 이슈 제목 + 매출·전환·문의량 변동을 한 행에 압축

## 관련 SKU
`c-sch-wireframe`, `c-sch-roadmap`, `c-sch-journey`