@dssp/dkpi 1.0.0-alpha.9 → 1.0.0-alpha.91

package/dist-client/components/kpi-lookup-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-lookup-chart.js","sourceRoot":"","sources":["../../client/components/kpi-lookup-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n/**\n * KPI 성과 분포 차트 컴포넌트\n *\n * - 0~1 스케일 KPI: 성과 분포 곡선 (grade table 기반 value→score 매핑 커브)\n *   현재 프로젝트 위치를 곡선 위에 강조 표시\n * - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (배점 기준 디지털화)\n */\n\ninterface Grade {\n  name: string\n  minValue: number\n  maxValue: number\n  score?: number\n  color?: string\n  description?: string\n}\n\n@customElement('kpi-lookup-chart')\nexport class KpiLookupChart extends LitElement {\n  @property({ type: Array }) grades: Grade[] = []\n  @property({ type: Number }) value: number | null = null\n  @property({ type: String }) unit: string = ''\n  @property({ type: String }) kpiName: string = ''\n  @property({ type: Boolean }) showDots: boolean = false\n  /** KPI scoreType: 'DIRECT' | 'FORMULA' | 'LOOKUP' | 'CUSTOM' | '' */\n  @property({ type: String }) scoreType: string = ''\n  /** KPI valueType: 'MEASURED' | 'ASSESSED' | 'CALCULATED' | 'COMPOSITE' | '' */\n  @property({ type: String }) valueType: string = ''\n  /**\n   * 권위 있는 성과 점수 (백엔드가 저장한 값). 주어지면 현재값 마커/라벨은\n   * 차트 자체 보간 대신 이 값을 그대로 사용한다 — 헤더와 동일 점수 보장.\n   */\n  @property({ type: Number }) score: number | null = null\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-height: 200px;\n    }\n    svg {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n  `\n\n  private chartWidth = 0\n  private chartHeight = 0\n  private resizeObserver?: ResizeObserver\n\n  render() {\n    return html`\n      <svg\n        id=\"lookup-chart\"\n        width=${this.chartWidth}\n        height=${this.chartHeight}\n        viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      ></svg>\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        const rect = entry.contentRect\n        this.chartWidth = rect.width\n        this.chartHeight = rect.height\n        this.requestUpdate()\n      }\n    })\n    this.resizeObserver.observe(this)\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect()\n    super.disconnectedCallback()\n  }\n\n  updated() {\n    this.renderChart()\n  }\n\n  /**\n   * 1~5 평가형 KPI인지 판별 — 게이지로 표시할지 결정\n   *\n   * valueType/scoreType 기반 판별 (우선):\n   *   valueType='ASSESSED' → 평가형 (감리자 직접 입력, 게이지)\n   *   scoreType='LOOKUP'/'CUSTOM' → 분포 차트\n   *\n   * 미설정 시 폴백: grades 구조로 판별\n   */\n  private isAssessmentKpi(): boolean {\n    if (this.valueType === 'ASSESSED') return true\n    if (this.scoreType === 'LOOKUP' || this.scoreType === 'CUSTOM') return false\n\n    // 폴백: grades 구조로 판별\n    if (!this.grades || !Array.isArray(this.grades) || this.grades.length === 0) return true\n    return (\n      this.grades.length <= 5 &&\n      this.grades.every(\n        (g: any) => g.score >= 1 && g.score <= 5 && g.score === Math.floor(g.score) && g.minValue === g.score\n      )\n    )\n  }\n\n  private renderChart() {\n    const svg = d3.select(this.renderRoot.querySelector('#lookup-chart'))\n    svg.selectAll('*').remove()\n\n    // grades가 배열이 아닌 경우 (2D lookup 객체 등) 또는 1~5 평가형 → 세그먼트 바\n    if (!Array.isArray(this.grades) || this.isAssessmentKpi()) {\n      this.renderAssessmentGauge(svg)\n      return\n    }\n\n    const w = this.chartWidth || 400\n    const h = this.chartHeight || 200\n    const margin = { top: 20, right: 30, bottom: 45, left: 55 }\n    const plotW = w - margin.left - margin.right\n    const plotH = h - margin.top - margin.bottom\n\n    if (plotW <= 0 || plotH <= 0) return\n\n    const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n    const sortedGrades = [...this.grades].sort((a, b) => a.minValue - b.minValue)\n\n    // 중간값 포인트 생성 (maxValue >= 99999인 마지막 구간 제외)\n    const points = this.buildMidpoints(sortedGrades)\n    if (points.length === 0) return\n\n    // 스케일 — grade의 minValue~maxValue 범위, 마지막 grade의 큰 maxValue(999, 99999 등) 제외\n    const allMaxValues = sortedGrades.map(g => g.maxValue).sort((a, b) => a - b)\n    const secondLargestMax = allMaxValues.length > 1 ? allMaxValues[allMaxValues.length - 2] : allMaxValues[0]\n    const lastGradeMin = sortedGrades[sortedGrades.length - 1].minValue\n\n    // 양 끝 플롯이 y축·오른쪽 경계에 딱 붙도록 — xPad / .nice() 미적용.\n    // 다만 마지막 grade 가 (예: 99999) 의 outlier 라 그것까지 domain 에 포함하면\n    // 나머지 plot 들이 한쪽에 몰림. secondLargestMax (마지막 isLast 직전 grade 의\n    // maxValue) 를 우측 한계로 — 측정값의 자연 범위에 맞춤. isLast 같은 도메인 밖\n    // point 는 visiblePoints filter 로 제외.\n    let xMin = sortedGrades[0].minValue\n    let xMax = Math.max(secondLargestMax, lastGradeMin)\n    if (this.value !== null && this.value !== undefined) {\n      xMax = Math.max(xMax, this.value)\n    }\n    const xScale = d3.scaleLinear().domain([xMin, xMax]).range([0, plotW])\n\n    const yExtent = d3.extent(points, d => d.score) as [number, number]\n    const [yMin, yMax] = yExtent\n    const yPad = (yMax - yMin) * 0.08 || 0.1\n    const yScale = d3.scaleLinear().domain([yMin - yPad, yMax + yPad]).range([plotH, 0]).nice()\n\n    // isLast grade outlier 표시용 우측 확장 영역 — 최대 20px. scale 에는 영향 없음.\n    const TAIL_EXT = 20\n    const tailX = plotW + TAIL_EXT / 2\n\n    // 스코어 구간 배경 (연한 색상) — 확장 영역까지 포함하여 연속\n    const scoreColors = ['#e8f5e9', '#f1f8e9', '#fff9c4', '#fff3e0', '#fce4ec']\n    const uniqueScores = [...new Set(points.map(p => p.score))].sort((a, b) => b - a)\n    uniqueScores.forEach((score, i) => {\n      const yPos = yScale(score)\n      const nextScore = i < uniqueScores.length - 1 ? uniqueScores[i + 1] : yMin - yPad\n      const yNext = yScale(nextScore)\n      g.append('rect')\n        .attr('x', 0)\n        .attr('y', Math.min(yPos, yNext))\n        .attr('width', plotW + TAIL_EXT)\n        .attr('height', Math.abs(yNext - yPos))\n        .attr('fill', scoreColors[i % scoreColors.length])\n        .attr('opacity', 0.5)\n    })\n\n    // 정상 범위 plot 들 (isLast 제외) — 곡선·점 등은 이 점들로 그림.\n    const visiblePoints = points.filter(p => !p.isLast)\n    const lastPoint = points.find(p => p.isLast)\n\n    // 스코어 커브 (중간값 연결)\n    const line = d3\n      .line<{ x: number; score: number }>()\n      .x(d => xScale(d.x))\n      .y(d => yScale(d.score))\n      .curve(d3.curveMonotoneX)\n\n    g.append('path')\n      .datum(visiblePoints)\n      .attr('d', line)\n      .attr('fill', 'none')\n      .attr('stroke', '#1976d2')\n      .attr('stroke-width', 2.5)\n\n    // isLast outlier 표시 — 마지막 visible plot 에서 tailX 위치까지 dashed 연장 + circle.\n    if (lastPoint && visiblePoints.length > 0) {\n      const lastVis = visiblePoints[visiblePoints.length - 1]\n      g.append('line')\n        .attr('x1', xScale(lastVis.x))\n        .attr('x2', tailX)\n        .attr('y1', yScale(lastVis.score))\n        .attr('y2', yScale(lastPoint.score))\n        .attr('stroke', '#1976d2')\n        .attr('stroke-width', 2)\n        .attr('stroke-dasharray', '3,3')\n        .attr('opacity', 0.6)\n\n      g.append('circle')\n        .attr('cx', tailX)\n        .attr('cy', yScale(lastPoint.score))\n        .attr('r', 4)\n        .attr('fill', '#1976d2')\n        .attr('stroke', '#fff')\n        .attr('stroke-width', 1.5)\n        .attr('opacity', 0.7)\n    }\n\n    // 도트 + 툴팁 (showDots 모드)\n    if (this.showDots && visiblePoints.length > 0) {\n      const dotTooltip = svg.append('g').attr('class', 'dot-tooltip').attr('visibility', 'hidden')\n      dotTooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)')\n      dotTooltip.append('text').attr('fill', '#fff').attr('font-size', '10px')\n\n      const showDotTip = (evt: MouseEvent, lines: string[]) => {\n        const tipText = dotTooltip.select('text')\n        tipText.selectAll('tspan').remove()\n        lines.forEach((ln, i) => {\n          tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(ln)\n        })\n        const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24\n        const tipH = lines.length * 13 + 10\n        const [mx, my] = d3.pointer(evt, svg.node())\n        const tx = Math.min(mx + 12, w - tipW - 5)\n        const ty = Math.max(my - tipH - 8, 5)\n        dotTooltip.select('rect').attr('x', tx).attr('y', ty).attr('width', tipW).attr('height', tipH)\n        tipText.attr('transform', `translate(${tx},${ty})`)\n        dotTooltip.attr('visibility', 'visible').raise()\n      }\n      const hideDotTip = () => dotTooltip.attr('visibility', 'hidden')\n\n      // 가이드 라인 (hover 시 표시/숨김)\n      const guideLineX = g.append('line')\n        .attr('stroke', '#1976d2').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n        .attr('opacity', 0.5).attr('visibility', 'hidden')\n      const guideLineY = g.append('line')\n        .attr('stroke', '#1976d2').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n        .attr('opacity', 0.5).attr('visibility', 'hidden')\n\n      visiblePoints.forEach(pt => {\n        const cx = xScale(pt.x)\n        const cy = yScale(pt.score)\n\n        g.append('circle')\n          .attr('cx', cx)\n          .attr('cy', cy)\n          .attr('r', 4)\n          .attr('fill', '#1976d2')\n          .attr('stroke', '#fff')\n          .attr('stroke-width', 1.5)\n          .style('cursor', 'pointer')\n          .on('mouseenter', (evt: MouseEvent) => {\n            guideLineX.attr('x1', cx).attr('x2', cx).attr('y1', cy).attr('y2', plotH).attr('visibility', 'visible')\n            guideLineY.attr('x1', 0).attr('x2', cx).attr('y1', cy).attr('y2', cy).attr('visibility', 'visible')\n            const rangeText = pt.isLast\n              ? `구간: ${pt.rangeMin.toFixed(4)}${this.unit} 이상`\n              : `구간: ${pt.rangeMin.toFixed(4)} ~ ${pt.rangeMax.toFixed(4)}${this.unit}`\n            showDotTip(evt, [\n              rangeText,\n              `성과 점수: ${pt.score.toFixed(4)}`\n            ])\n          })\n          .on('mouseleave', () => {\n            guideLineX.attr('visibility', 'hidden')\n            guideLineY.attr('visibility', 'hidden')\n            hideDotTip()\n          })\n      })\n    }\n\n    // 축 — d3 자동 ticks + 양 끝점 (xMin, xMax) 강제 포함하여 마지막 plot 의 값이\n    // 라벨로 노출되도록.\n    const autoTicks = xScale.ticks(Math.min(points.length, 8))\n    const xTickValues = Array.from(new Set([...autoTicks, xMin, xMax])).sort((a, b) => a - b)\n    const tickFormat = (d: number) => (Number.isInteger(d) ? String(d) : d.toFixed(2))\n    const xAxisGroup = g.append('g')\n      .attr('transform', `translate(0,${plotH})`)\n      .call(d3.axisBottom(xScale).tickValues(xTickValues).tickFormat(tickFormat as any))\n    xAxisGroup.selectAll('text').attr('font-size', '10px')\n    // axis domain line 을 tail 확장 영역 끝까지 연장.\n    xAxisGroup.select('.domain').attr('d', `M0.5,6V0.5H${plotW + TAIL_EXT}.5V6`)\n\n    g.append('g').call(d3.axisLeft(yScale).ticks(5)).selectAll('text').attr('font-size', '10px')\n\n    // 축 라벨\n    g.append('text')\n      .attr('x', plotW / 2)\n      .attr('y', plotH + 35)\n      .attr('text-anchor', 'middle')\n      .attr('font-size', '11px')\n      .attr('fill', '#666')\n      .text(`측정값${this.unit ? ` (${this.unit})` : ''}`)\n\n    g.append('text')\n      .attr('transform', 'rotate(-90)')\n      .attr('x', -plotH / 2)\n      .attr('y', -40)\n      .attr('text-anchor', 'middle')\n      .attr('font-size', '11px')\n      .attr('fill', '#666')\n      .text('성과 점수')\n\n    // 현재 값 표시\n    if (this.value !== null && this.value !== undefined) {\n      // 점수는 백엔드 저장값(this.score)을 우선 사용 — 차트가 다른 방식으로\n      // 점수를 재계산하지 않도록. 저장값이 없을 때만 보간으로 대체.\n      const currentScore = this.score ?? this.interpolateScore(points, this.value)\n      if (currentScore !== null) {\n        const cx = xScale(this.value)\n        const cy = yScale(currentScore)\n\n        // 가이드 라인\n        g.append('line')\n          .attr('x1', cx).attr('x2', cx)\n          .attr('y1', cy).attr('y2', plotH)\n          .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n\n        g.append('line')\n          .attr('x1', 0).attr('x2', cx)\n          .attr('y1', cy).attr('y2', cy)\n          .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n\n        // 현재 값 포인트 + 툴팁\n        const tooltip = svg.append('g')\n          .attr('class', 'tooltip-group')\n          .attr('visibility', 'hidden')\n\n        const tipRect = tooltip.append('rect')\n          .attr('rx', 4).attr('ry', 4)\n          .attr('fill', 'rgba(33,33,33,0.9)')\n          .attr('stroke', '#e53935').attr('stroke-width', 1)\n\n        const tipText1 = tooltip.append('text')\n          .attr('fill', '#fff').attr('font-size', '11px').attr('font-weight', '600')\n        const tipText2 = tooltip.append('text')\n          .attr('fill', '#ccc').attr('font-size', '10px')\n\n        const tipContent1 = `현재 프로젝트`\n        const tipContent2 = `측정값: ${this.value!.toFixed(4)}${this.unit}  |  성과 점수: ${currentScore.toFixed(4)}`\n\n        tipText1.text(tipContent1)\n        tipText2.text(tipContent2)\n\n        const tipW = Math.max(tipContent1.length, tipContent2.length) * 6.5 + 20\n        const tipH = 40\n        const tipX = Math.min(cx + margin.left + 12, w - tipW - 5)\n        const tipY = Math.max(cy + margin.top - tipH - 10, 5)\n\n        tipRect.attr('x', tipX).attr('y', tipY).attr('width', tipW).attr('height', tipH)\n        tipText1.attr('x', tipX + 8).attr('y', tipY + 15)\n        tipText2.attr('x', tipX + 8).attr('y', tipY + 30)\n\n        g.append('circle')\n          .attr('cx', cx).attr('cy', cy)\n          .attr('r', 7)\n          .attr('fill', '#e53935').attr('stroke', '#fff').attr('stroke-width', 2)\n          .style('cursor', 'pointer')\n          .on('mouseenter', () => tooltip.attr('visibility', 'visible'))\n          .on('mouseleave', () => tooltip.attr('visibility', 'hidden'))\n\n        // 측정값/성과 점수 상단 헤더 주석은 제거 (값은 마커 hover 툴팁으로 확인).\n      }\n    }\n\n    // 제목은 차트 외부에서 표시하므로 차트 내부에는 미표시\n  }\n\n  /** 1~5 평가형 KPI: 5단계 세그먼트 바 */\n  private renderAssessmentGauge(svg: any) {\n    const w = this.chartWidth || 400\n    const h = this.chartHeight || 200\n    const currentScore = this.value !== null && this.value !== undefined ? Math.round(this.value) : 0\n\n    // 제목은 차트 외부에서 표시하므로 차트 내부에는 미표시\n\n    const barY = h * 0.4\n    const barH = 36\n    const barMargin = 40\n    const barW = w - barMargin * 2\n    const segW = barW / 5\n    const colors = ['#ef5350', '#ff9800', '#ffca28', '#66bb6a', '#2e7d32']\n    const labels = ['1', '2', '3', '4', '5']\n\n    // 5개 세그먼트\n    for (let i = 0; i < 5; i++) {\n      const x = barMargin + i * segW\n      const isActive = currentScore === i + 1\n\n      // 배경\n      svg.append('rect')\n        .attr('x', x + 2).attr('y', barY)\n        .attr('width', segW - 4).attr('height', barH)\n        .attr('rx', 6)\n        .attr('fill', isActive ? colors[i] : '#e0e0e0')\n        .attr('opacity', isActive ? 1 : 0.4)\n\n      // 숫자 라벨\n      svg.append('text')\n        .attr('x', x + segW / 2).attr('y', barY + barH / 2 + 5)\n        .attr('text-anchor', 'middle')\n        .attr('font-size', isActive ? '16px' : '13px')\n        .attr('font-weight', isActive ? 'bold' : 'normal')\n        .attr('fill', isActive ? '#fff' : '#999')\n        .text(labels[i])\n\n      // 설명 라벨 (아래)\n      const descLabels = ['매우 미흡', '미흡', '보통', '양호', '우수']\n      svg.append('text')\n        .attr('x', x + segW / 2).attr('y', barY + barH + 18)\n        .attr('text-anchor', 'middle')\n        .attr('font-size', '10px')\n        .attr('fill', isActive ? colors[i] : '#bbb')\n        .text(descLabels[i])\n    }\n\n    // 현재 점수 강조\n    if (currentScore >= 1 && currentScore <= 5) {\n      const activeX = barMargin + (currentScore - 1) * segW\n\n      // 위쪽 화살표\n      svg.append('text')\n        .attr('x', activeX + segW / 2).attr('y', barY - 8)\n        .attr('text-anchor', 'middle')\n        .attr('font-size', '14px').attr('font-weight', 'bold')\n        .attr('fill', colors[currentScore - 1])\n        .text(`${currentScore}점`)\n    } else if (this.value !== null) {\n      svg.append('text')\n        .attr('x', w / 2).attr('y', barY - 8)\n        .attr('text-anchor', 'middle')\n        .attr('font-size', '13px').attr('fill', '#e53935')\n        .text(`Value: ${this.value}`)\n    }\n  }\n\n  /** grades에서 중간값(x) → score 포인트 배열 생성 */\n  private buildMidpoints(grades: Grade[]): { x: number; score: number; rangeMin: number; rangeMax: number; isLast: boolean }[] {\n    const points: { x: number; score: number; rangeMin: number; rangeMax: number; isLast: boolean }[] = []\n\n    for (let i = 0; i < grades.length; i++) {\n      const g = grades[i]\n      const score = g.score ?? 0\n      const isLast = g.maxValue >= 99999\n\n      if (g.minValue === g.maxValue) {\n        const prevMax = i > 0 ? grades[i - 1].maxValue : 0\n        points.push({ x: (prevMax + g.maxValue) / 2, score, rangeMin: prevMax, rangeMax: g.maxValue, isLast: false })\n      } else if (isLast) {\n        points.push({ x: g.minValue, score, rangeMin: g.minValue, rangeMax: g.minValue, isLast: true })\n      } else {\n        points.push({ x: (g.minValue + g.maxValue) / 2, score, rangeMin: g.minValue, rangeMax: g.maxValue, isLast: false })\n      }\n    }\n\n    return points\n  }\n\n  /** 포인트 배열에서 value에 대한 score를 선형 보간 */\n  private interpolateScore(points: { x: number; score: number }[], value: number): number | null {\n    if (points.length === 0) return null\n    if (points.length === 1) return points[0].score\n\n    // value가 범위 밖인 경우\n    if (value <= points[0].x) return points[0].score\n    if (value >= points[points.length - 1].x) return points[points.length - 1].score\n\n    // 두 포인트 사이에서 보간\n    for (let i = 0; i < points.length - 1; i++) {\n      if (value >= points[i].x && value <= points[i + 1].x) {\n        const t = (value - points[i].x) / (points[i + 1].x - points[i].x)\n        return points[i].score + t * (points[i + 1].score - points[i].score)\n      }\n    }\n\n    return points[points.length - 1].score\n  }\n}\n"]}

package/dist-client/components/kpi-mini-trend-chart.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export declare class SvKpiMiniTrendChart extends LitElement {
+    data: (number | null)[];
+    width: number;
+    height: number;
+    lineColor: string;
+    strokeWidth: number;
+    showPoints: boolean;
+    pointRadius: number;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    updated(): void;
+    drawMiniTrend(): void;
+}

package/dist-client/components/kpi-mini-trend-chart.js

@@ -0,0 +1,180 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as d3 from 'd3';
+let SvKpiMiniTrendChart = class SvKpiMiniTrendChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+        this.width = 60;
+        this.height = 30;
+        this.lineColor = '#2196f3';
+        this.strokeWidth = 1.5;
+        this.showPoints = true;
+        this.pointRadius = 1.5;
+    }
+    render() {
+        return html `
+      <div class="mini-chart">
+        <svg
+          id="mini-trend"
+          width=${this.width}
+          height=${this.height}
+          viewBox="0 0 ${this.width} ${this.height}"
+          preserveAspectRatio="xMidYMid meet"
+        ></svg>
+      </div>
+    `;
+    }
+    updated() {
+        this.drawMiniTrend();
+    }
+    drawMiniTrend() {
+        if (!this.data || this.data.length === 0)
+            return;
+        const svg = d3.select(this.renderRoot.querySelector('#mini-trend'));
+        svg.selectAll('*').remove();
+        const margin = { top: 2, right: 2, bottom: 2, left: 2 };
+        const width = this.width - margin.left - margin.right;
+        const height = this.height - margin.top - margin.bottom;
+        // 스케일 설정
+        const xScale = d3
+            .scaleLinear()
+            .domain([0, this.data.length - 1])
+            .range([0, width]);
+        const yScale = d3
+            .scaleLinear()
+            .domain([0, d3.max(this.data, d => (d == null ? undefined : d)) || 100])
+            .range([height, 0]);
+        // SVG 설정
+        svg.attr('width', this.width).attr('height', this.height);
+        const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`);
+        // 라인 생성기(실선) — defined() 로 데이터 없는(null) 월에서 끊김
+        const line = d3
+            .line()
+            .defined(d => d != null)
+            .x((d, i) => xScale(i))
+            .y(d => yScale(d))
+            .curve(d3.curveMonotoneX);
+        // 트렌드 라인(실선) — 연속 구간만
+        g.append('path')
+            .datum(this.data)
+            .attr('class', 'trend-line')
+            .attr('d', line)
+            .attr('stroke', this.lineColor)
+            .attr('stroke-width', this.strokeWidth)
+            .attr('fill', 'none');
+        // 데이터 있는 월(인덱스 보존)
+        const present = this.data.map((v, i) => ({ v, i })).filter(p => p.v != null);
+        if (present.length === 0)
+            return;
+        // 결손 구간 점선 다리 — 사이에 데이터 없는 월이 낀 두 점을 점선 연결
+        for (let k = 1; k < present.length; k++) {
+            const a = present[k - 1];
+            const b = present[k];
+            if (b.i - a.i > 1) {
+                g.append('line')
+                    .attr('x1', xScale(a.i))
+                    .attr('y1', yScale(a.v))
+                    .attr('x2', xScale(b.i))
+                    .attr('y2', yScale(b.v))
+                    .attr('stroke', this.lineColor)
+                    .attr('stroke-width', this.strokeWidth)
+                    .attr('stroke-dasharray', '3,2');
+            }
+        }
+        // 뒷부분(끝) 결손 → 마지막 데이터값에서 끝까지 같은 값(수평) 점선 연장
+        const lastP = present[present.length - 1];
+        if (lastP.i < this.data.length - 1) {
+            g.append('line')
+                .attr('x1', xScale(lastP.i))
+                .attr('y1', yScale(lastP.v))
+                .attr('x2', xScale(this.data.length - 1))
+                .attr('y2', yScale(lastP.v))
+                .attr('stroke', this.lineColor)
+                .attr('stroke-width', this.strokeWidth)
+                .attr('stroke-dasharray', '3,2');
+        }
+        // 데이터 포인트 — 데이터 있는 첫/마지막 월만
+        if (this.showPoints) {
+            const firstP = present[0];
+            g.append('circle')
+                .attr('class', 'data-point')
+                .attr('cx', xScale(firstP.i))
+                .attr('cy', yScale(firstP.v))
+                .attr('r', this.pointRadius)
+                .attr('stroke', '#4caf50')
+                .attr('fill', 'white');
+            if (present.length > 1) {
+                g.append('circle')
+                    .attr('class', 'data-point')
+                    .attr('cx', xScale(lastP.i))
+                    .attr('cy', yScale(lastP.v))
+                    .attr('r', this.pointRadius)
+                    .attr('stroke', '#2196f3')
+                    .attr('fill', 'white');
+            }
+        }
+    }
+};
+SvKpiMiniTrendChart.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+
+    .mini-chart {
+      width: 100%;
+      height: 100%;
+      background: #f8f9fa;
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .trend-line {
+      fill: none;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    .data-point {
+      fill: white;
+      stroke-width: 1;
+    }
+  `;
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SvKpiMiniTrendChart.prototype, "data", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiMiniTrendChart.prototype, "width", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiMiniTrendChart.prototype, "height", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], SvKpiMiniTrendChart.prototype, "lineColor", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiMiniTrendChart.prototype, "strokeWidth", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], SvKpiMiniTrendChart.prototype, "showPoints", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiMiniTrendChart.prototype, "pointRadius", void 0);
+SvKpiMiniTrendChart = __decorate([
+    customElement('sv-kpi-mini-trend-chart')
+], SvKpiMiniTrendChart);
+export { SvKpiMiniTrendChart };
+//# sourceMappingURL=kpi-mini-trend-chart.js.map

package/dist-client/components/kpi-mini-trend-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-mini-trend-chart.js","sourceRoot":"","sources":["../../client/components/kpi-mini-trend-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('sv-kpi-mini-trend-chart')\nexport class SvKpiMiniTrendChart extends LitElement {\n  @property({ type: Array }) data: (number | null)[] = []\n  @property({ type: Number }) width: number = 60\n  @property({ type: Number }) height: number = 30\n  @property({ type: String }) lineColor: string = '#2196f3'\n  @property({ type: Number }) strokeWidth: number = 1.5\n  @property({ type: Boolean }) showPoints: boolean = true\n  @property({ type: Number }) pointRadius: number = 1.5\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .mini-chart {\n      width: 100%;\n      height: 100%;\n      background: #f8f9fa;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .trend-line {\n      fill: none;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .data-point {\n      fill: white;\n      stroke-width: 1;\n    }\n  `\n\n  render() {\n    return html`\n      <div class=\"mini-chart\">\n        <svg\n          id=\"mini-trend\"\n          width=${this.width}\n          height=${this.height}\n          viewBox=\"0 0 ${this.width} ${this.height}\"\n          preserveAspectRatio=\"xMidYMid meet\"\n        ></svg>\n      </div>\n    `\n  }\n\n  updated() {\n    this.drawMiniTrend()\n  }\n\n  drawMiniTrend() {\n    if (!this.data || this.data.length === 0) return\n\n    const svg = d3.select(this.renderRoot.querySelector('#mini-trend'))\n    svg.selectAll('*').remove()\n\n    const margin = { top: 2, right: 2, bottom: 2, left: 2 }\n    const width = this.width - margin.left - margin.right\n    const height = this.height - margin.top - margin.bottom\n\n    // 스케일 설정\n    const xScale = d3\n      .scaleLinear()\n      .domain([0, this.data.length - 1])\n      .range([0, width])\n\n    const yScale = d3\n      .scaleLinear()\n      .domain([0, d3.max(this.data, d => (d == null ? undefined : d)) || 100])\n      .range([height, 0])\n\n    // SVG 설정\n    svg.attr('width', this.width).attr('height', this.height)\n    const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n    // 라인 생성기(실선) — defined() 로 데이터 없는(null) 월에서 끊김\n    const line = d3\n      .line<number | null>()\n      .defined(d => d != null)\n      .x((d, i) => xScale(i))\n      .y(d => yScale(d as number))\n      .curve(d3.curveMonotoneX)\n\n    // 트렌드 라인(실선) — 연속 구간만\n    g.append('path')\n      .datum(this.data)\n      .attr('class', 'trend-line')\n      .attr('d', line as any)\n      .attr('stroke', this.lineColor)\n      .attr('stroke-width', this.strokeWidth)\n      .attr('fill', 'none')\n\n    // 데이터 있는 월(인덱스 보존)\n    const present = this.data.map((v, i) => ({ v, i })).filter(p => p.v != null)\n    if (present.length === 0) return\n\n    // 결손 구간 점선 다리 — 사이에 데이터 없는 월이 낀 두 점을 점선 연결\n    for (let k = 1; k < present.length; k++) {\n      const a = present[k - 1]\n      const b = present[k]\n      if (b.i - a.i > 1) {\n        g.append('line')\n          .attr('x1', xScale(a.i))\n          .attr('y1', yScale(a.v as number))\n          .attr('x2', xScale(b.i))\n          .attr('y2', yScale(b.v as number))\n          .attr('stroke', this.lineColor)\n          .attr('stroke-width', this.strokeWidth)\n          .attr('stroke-dasharray', '3,2')\n      }\n    }\n\n    // 뒷부분(끝) 결손 → 마지막 데이터값에서 끝까지 같은 값(수평) 점선 연장\n    const lastP = present[present.length - 1]\n    if (lastP.i < this.data.length - 1) {\n      g.append('line')\n        .attr('x1', xScale(lastP.i))\n        .attr('y1', yScale(lastP.v as number))\n        .attr('x2', xScale(this.data.length - 1))\n        .attr('y2', yScale(lastP.v as number))\n        .attr('stroke', this.lineColor)\n        .attr('stroke-width', this.strokeWidth)\n        .attr('stroke-dasharray', '3,2')\n    }\n\n    // 데이터 포인트 — 데이터 있는 첫/마지막 월만\n    if (this.showPoints) {\n      const firstP = present[0]\n      g.append('circle')\n        .attr('class', 'data-point')\n        .attr('cx', xScale(firstP.i))\n        .attr('cy', yScale(firstP.v as number))\n        .attr('r', this.pointRadius)\n        .attr('stroke', '#4caf50')\n        .attr('fill', 'white')\n\n      if (present.length > 1) {\n        g.append('circle')\n          .attr('class', 'data-point')\n          .attr('cx', xScale(lastP.i))\n          .attr('cy', yScale(lastP.v as number))\n          .attr('r', this.pointRadius)\n          .attr('stroke', '#2196f3')\n          .attr('fill', 'white')\n      }\n    }\n  }\n}\n"]}

package/dist-client/components/kpi-radar-chart.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export declare class SvKpiRadarChart extends LitElement {
+    data: any[];
+    categories: string[];
+    valueKey: string;
+    currentGroup: string;
+    seriesColors: Record<string, string>;
+    static styles: import("lit").CSSResult;
+    private chartWidth;
+    private chartHeight;
+    private resizeObserver?;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    drawRadar(): void;
+}

package/dist-client/components/kpi-radar-chart.js

@@ -0,0 +1,259 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as d3 from 'd3';
+let SvKpiRadarChart = class SvKpiRadarChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+        this.categories = [];
+        this.valueKey = 'value';
+        this.currentGroup = '';
+        this.seriesColors = {
+            기준평균: '#E3F2FD',
+            프로젝트성과: '#2196F3'
+        };
+        this.chartWidth = 0;
+        this.chartHeight = 0;
+    }
+    render() {
+        return html `<svg
+      id="radar"
+      width=${this.chartWidth}
+      height=${this.chartHeight}
+      viewBox="0 0 ${this.chartWidth} ${this.chartHeight}"
+      preserveAspectRatio="xMidYMid meet"
+    ></svg>`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resizeObserver = new ResizeObserver(entries => {
+            for (const entry of entries) {
+                const rect = entry.contentRect;
+                this.chartWidth = rect.width;
+                this.chartHeight = rect.height;
+                this.requestUpdate();
+            }
+        });
+        this.resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        super.disconnectedCallback();
+    }
+    updated() {
+        this.drawRadar();
+    }
+    drawRadar() {
+        const svg = d3.select(this.renderRoot.querySelector('#radar'));
+        svg.selectAll('*').remove();
+        const w = this.chartWidth || 300;
+        const h = this.chartHeight || 300;
+        // 데이터 변환: { org, values: [ {category, value} ... ] }
+        const orgData = d3
+            .groups(this.data, d => d.org)
+            .map(([org, values]) => ({
+            org,
+            values: this.categories.map((cat, i) => {
+                const found = values.find(v => v.category === cat);
+                return { category: cat, value: found ? found[this.valueKey] : 0 };
+            })
+        }));
+        // 레전드를 위한 공간 확보 (org가 2개 이상일 때만 — 단일 시리즈면 범례 불필요)
+        const legendWidth = orgData.length > 1 ? 120 : 0;
+        const chartWidth = w - legendWidth;
+        const chartHeight = h;
+        const r = Math.min(chartWidth, chartHeight) / 2 - 40;
+        const angleSlice = (2 * Math.PI) / (this.categories.length || 1);
+        // 스케일 - 0-100 고정 범위 사용 (박스플롯과 동일한 범위)
+        const dataMaxValue = d3.max(this.data, d => d[this.valueKey]) || 1;
+        const maxValue = Math.max(100, dataMaxValue); // 최소 100까지 표시
+        const radius = d3.scaleLinear().domain([0, maxValue]).range([0, r]);
+        // SVG 기본
+        svg.attr('width', w).attr('height', h);
+        const g = svg.append('g').attr('transform', `translate(${chartWidth / 2},${chartHeight / 2})`);
+        // 그리드/축
+        for (let i = 1; i <= 5; i++) {
+            const gridRadius = (r / 5) * i;
+            const gridValue = (maxValue / 5) * i;
+            g.append('circle').attr('r', gridRadius).attr('fill', 'none').attr('stroke', '#ccc');
+            // 그리드 값 라벨 (30도 시계방향 = Y1에서 30도 회전)
+            // 차트가 위쪽에서 시작하므로 -90도 + 30도 = -60도
+            const labelAngle = (-60 * Math.PI) / 180;
+            g.append('text')
+                .attr('x', gridRadius * Math.cos(labelAngle))
+                .attr('y', gridRadius * Math.sin(labelAngle))
+                .attr('text-anchor', 'middle')
+                .attr('alignment-baseline', 'middle')
+                .attr('font-size', 10)
+                .attr('fill', '#999')
+                .attr('background', '#fff')
+                .text(gridValue.toFixed(0));
+        }
+        this.categories.forEach((cat, i) => {
+            const angle = i * angleSlice - Math.PI / 2;
+            g.append('line')
+                .attr('x1', 0)
+                .attr('y1', 0)
+                .attr('x2', radius(maxValue) * Math.cos(angle))
+                .attr('y2', radius(maxValue) * Math.sin(angle))
+                .attr('stroke', '#ccc');
+            g.append('text')
+                .attr('x', (radius(maxValue) + 10) * Math.cos(angle))
+                .attr('y', (radius(maxValue) + 10) * Math.sin(angle))
+                .attr('text-anchor', 'middle')
+                .attr('alignment-baseline', 'middle')
+                .attr('font-size', 12)
+                .attr('fill', '#333')
+                .text(cat);
+        });
+        // 그룹별 폴리곤 - 기준평균을 먼저 그리고 프로젝트성과를 위에 그리기
+        const sortedOrgData = orgData.sort((a, b) => {
+            if (a.org === '기준평균')
+                return -1;
+            if (b.org === '기준평균')
+                return 1;
+            return 0;
+        });
+        sortedOrgData.forEach(gd => {
+            // 마지막에 첫 점을 한 번 더 추가
+            const closedValues = [...gd.values, gd.values[0]];
+            const line = d3
+                .lineRadial()
+                .radius((d) => radius(d.value))
+                .angle((d, i) => i * angleSlice);
+            // 색상 및 스타일 결정
+            const baseColor = this.seriesColors[gd.org] || '#ccc';
+            const fillColor = gd.org === '기준평균'
+                ? 'rgba(76,175,80,0.4)' // 진한 녹색 배경
+                : 'rgba(33,150,243,0.4)'; // 진한 파란색 배경
+            const strokeColor = gd.org === '기준평균'
+                ? '#4CAF50' // 진한 녹색 선
+                : '#2196F3'; // 진한 파란색 선
+            const strokeWidth = gd.org === '프로젝트성과' ? 1.5 : 1.5;
+            g.append('path')
+                .datum(closedValues)
+                .attr('d', line)
+                .attr('fill', fillColor)
+                .attr('stroke', strokeColor)
+                .attr('stroke-width', strokeWidth)
+                .attr('stroke-dasharray', 'none'); // 모두 직선으로 변경
+        });
+        // 툴팁
+        const tooltip = svg.append('g').attr('class', 'radar-tooltip').attr('visibility', 'hidden');
+        tooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)');
+        tooltip.append('text').attr('fill', '#fff').attr('font-size', '10px');
+        const showTip = (evt, lines) => {
+            const tipText = tooltip.select('text');
+            tipText.selectAll('tspan').remove();
+            lines.forEach((line, i) => {
+                tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(line);
+            });
+            const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24;
+            const tipH = lines.length * 13 + 10;
+            const [mx, my] = d3.pointer(evt, svg.node());
+            tooltip.select('rect').attr('x', mx + 10).attr('y', my - tipH - 5).attr('width', tipW).attr('height', tipH);
+            tipText.attr('transform', `translate(${mx + 10},${my - tipH - 5})`);
+            tooltip.attr('visibility', 'visible').raise();
+        };
+        const hideTip = () => tooltip.attr('visibility', 'hidden');
+        // 데이터 포인트 표시
+        sortedOrgData.forEach(gd => {
+            gd.values.forEach((d, i) => {
+                const angle = i * angleSlice - Math.PI / 2;
+                const pointRadius = radius(d.value);
+                const px = pointRadius * Math.cos(angle);
+                const py = pointRadius * Math.sin(angle);
+                g.append('circle')
+                    .attr('cx', px)
+                    .attr('cy', py)
+                    .attr('r', 3)
+                    .attr('fill', gd.org === '기준평균' ? '#4CAF50' : '#2196F3')
+                    .attr('stroke', '#fff')
+                    .attr('stroke-width', 1)
+                    .style('cursor', 'pointer')
+                    .on('mouseenter', (evt) => showTip(evt, [
+                    `${d.category} — ${gd.org}`,
+                    `값: ${Number(d.value).toFixed(2)}`
+                ]))
+                    .on('mouseleave', hideTip);
+            });
+        });
+        // 레전드 추가 (org가 2개 이상일 때만 — 단일 시리즈에서는 자동 미표시)
+        if (orgData.length > 1) {
+            const legend = svg
+                .append('g')
+                .attr('class', 'legend')
+                .attr('transform', `translate(${chartWidth + 20}, ${chartHeight / 2 - 30})`);
+            const legendData = [
+                { label: '기준평균값', color: '#4CAF50', strokeStyle: 'none' },
+                { label: '프로젝트 성과', color: '#2196F3', strokeStyle: 'none' }
+            ];
+            const legendItems = legend
+                .selectAll('.legend-item')
+                .data(legendData)
+                .enter()
+                .append('g')
+                .attr('class', 'legend-item')
+                .attr('transform', (d, i) => `translate(0, ${i * 25})`);
+            // 레전드 아이콘 (작은 사각형)
+            legendItems
+                .append('rect')
+                .attr('x', 0)
+                .attr('y', 0)
+                .attr('width', 12)
+                .attr('height', 12)
+                .attr('fill', d => d.color)
+                .attr('opacity', 0.6)
+                .attr('stroke', d => d.color)
+                .attr('stroke-width', 1.5);
+            // 레전드 텍스트
+            legendItems
+                .append('text')
+                .attr('x', 18)
+                .attr('y', 9)
+                .attr('font-size', '12px')
+                .attr('fill', '#333')
+                .attr('alignment-baseline', 'middle')
+                .text(d => d.label);
+        }
+    }
+};
+SvKpiRadarChart.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    svg {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+  `;
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SvKpiRadarChart.prototype, "data", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SvKpiRadarChart.prototype, "categories", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], SvKpiRadarChart.prototype, "valueKey", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], SvKpiRadarChart.prototype, "currentGroup", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], SvKpiRadarChart.prototype, "seriesColors", void 0);
+SvKpiRadarChart = __decorate([
+    customElement('sv-kpi-radar-chart')
+], SvKpiRadarChart);
+export { SvKpiRadarChart };
+//# sourceMappingURL=kpi-radar-chart.js.map

package/dist-client/components/kpi-radar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-radar-chart.js","sourceRoot":"","sources":["../../client/components/kpi-radar-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('sv-kpi-radar-chart')\nexport class SvKpiRadarChart extends LitElement {\n  @property({ type: Array }) data: any[] = []\n  @property({ type: Array }) categories: string[] = []\n  @property({ type: String }) valueKey: string = 'value'\n  @property({ type: String }) currentGroup: string = ''\n  @property({ type: Object }) seriesColors: Record<string, string> = {\n    기준평균: '#E3F2FD',\n    프로젝트성과: '#2196F3'\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    svg {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n  `\n\n  private chartWidth = 0\n  private chartHeight = 0\n  private resizeObserver?: ResizeObserver\n\n  render() {\n    return html`<svg\n      id=\"radar\"\n      width=${this.chartWidth}\n      height=${this.chartHeight}\n      viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n      preserveAspectRatio=\"xMidYMid meet\"\n    ></svg>`\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        const rect = entry.contentRect\n        this.chartWidth = rect.width\n        this.chartHeight = rect.height\n        this.requestUpdate()\n      }\n    })\n    this.resizeObserver.observe(this)\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect()\n    super.disconnectedCallback()\n  }\n\n  updated() {\n    this.drawRadar()\n  }\n\n  drawRadar() {\n    const svg = d3.select(this.renderRoot.querySelector('#radar'))\n    svg.selectAll('*').remove()\n    const w = this.chartWidth || 300\n    const h = this.chartHeight || 300\n\n    // 데이터 변환: { org, values: [ {category, value} ... ] }\n    const orgData = d3\n      .groups(this.data, d => d.org)\n      .map(([org, values]) => ({\n        org,\n        values: this.categories.map((cat, i) => {\n          const found = values.find(v => v.category === cat)\n          return { category: cat, value: found ? found[this.valueKey] : 0 }\n        })\n      }))\n\n    // 레전드를 위한 공간 확보 (org가 2개 이상일 때만 — 단일 시리즈면 범례 불필요)\n    const legendWidth = orgData.length > 1 ? 120 : 0\n    const chartWidth = w - legendWidth\n    const chartHeight = h\n    const r = Math.min(chartWidth, chartHeight) / 2 - 40\n    const angleSlice = (2 * Math.PI) / (this.categories.length || 1)\n\n    // 스케일 - 0-100 고정 범위 사용 (박스플롯과 동일한 범위)\n    const dataMaxValue = d3.max(this.data, d => d[this.valueKey]) || 1\n    const maxValue = Math.max(100, dataMaxValue) // 최소 100까지 표시\n    const radius = d3.scaleLinear().domain([0, maxValue]).range([0, r])\n\n    // SVG 기본\n    svg.attr('width', w).attr('height', h)\n    const g = svg.append('g').attr('transform', `translate(${chartWidth / 2},${chartHeight / 2})`)\n\n    // 그리드/축\n    for (let i = 1; i <= 5; i++) {\n      const gridRadius = (r / 5) * i\n      const gridValue = (maxValue / 5) * i\n\n      g.append('circle').attr('r', gridRadius).attr('fill', 'none').attr('stroke', '#ccc')\n\n      // 그리드 값 라벨 (30도 시계방향 = Y1에서 30도 회전)\n      // 차트가 위쪽에서 시작하므로 -90도 + 30도 = -60도\n      const labelAngle = (-60 * Math.PI) / 180\n      g.append('text')\n        .attr('x', gridRadius * Math.cos(labelAngle))\n        .attr('y', gridRadius * Math.sin(labelAngle))\n        .attr('text-anchor', 'middle')\n        .attr('alignment-baseline', 'middle')\n        .attr('font-size', 10)\n        .attr('fill', '#999')\n        .attr('background', '#fff')\n        .text(gridValue.toFixed(0))\n    }\n    this.categories.forEach((cat, i) => {\n      const angle = i * angleSlice - Math.PI / 2\n      g.append('line')\n        .attr('x1', 0)\n        .attr('y1', 0)\n        .attr('x2', radius(maxValue) * Math.cos(angle))\n        .attr('y2', radius(maxValue) * Math.sin(angle))\n        .attr('stroke', '#ccc')\n      g.append('text')\n        .attr('x', (radius(maxValue) + 10) * Math.cos(angle))\n        .attr('y', (radius(maxValue) + 10) * Math.sin(angle))\n        .attr('text-anchor', 'middle')\n        .attr('alignment-baseline', 'middle')\n        .attr('font-size', 12)\n        .attr('fill', '#333')\n        .text(cat)\n    })\n\n    // 그룹별 폴리곤 - 기준평균을 먼저 그리고 프로젝트성과를 위에 그리기\n    const sortedOrgData = orgData.sort((a, b) => {\n      if (a.org === '기준평균') return -1\n      if (b.org === '기준평균') return 1\n      return 0\n    })\n\n    sortedOrgData.forEach(gd => {\n      // 마지막에 첫 점을 한 번 더 추가\n      const closedValues = [...gd.values, gd.values[0]]\n      const line = d3\n        .lineRadial()\n        .radius((d: any) => radius(d.value))\n        .angle((d, i) => i * angleSlice)\n\n      // 색상 및 스타일 결정\n      const baseColor = this.seriesColors[gd.org] || '#ccc'\n      const fillColor =\n        gd.org === '기준평균'\n          ? 'rgba(76,175,80,0.4)' // 진한 녹색 배경\n          : 'rgba(33,150,243,0.4)' // 진한 파란색 배경\n      const strokeColor =\n        gd.org === '기준평균'\n          ? '#4CAF50' // 진한 녹색 선\n          : '#2196F3' // 진한 파란색 선\n      const strokeWidth = gd.org === '프로젝트성과' ? 1.5 : 1.5\n\n      g.append('path')\n        .datum(closedValues)\n        .attr('d', line as any)\n        .attr('fill', fillColor)\n        .attr('stroke', strokeColor)\n        .attr('stroke-width', strokeWidth)\n        .attr('stroke-dasharray', 'none') // 모두 직선으로 변경\n    })\n\n    // 툴팁\n    const tooltip = svg.append('g').attr('class', 'radar-tooltip').attr('visibility', 'hidden')\n    tooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)')\n    tooltip.append('text').attr('fill', '#fff').attr('font-size', '10px')\n\n    const showTip = (evt: MouseEvent, lines: string[]) => {\n      const tipText = tooltip.select('text')\n      tipText.selectAll('tspan').remove()\n      lines.forEach((line, i) => {\n        tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(line)\n      })\n      const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24\n      const tipH = lines.length * 13 + 10\n      const [mx, my] = d3.pointer(evt, svg.node())\n      tooltip.select('rect').attr('x', mx + 10).attr('y', my - tipH - 5).attr('width', tipW).attr('height', tipH)\n      tipText.attr('transform', `translate(${mx + 10},${my - tipH - 5})`)\n      tooltip.attr('visibility', 'visible').raise()\n    }\n    const hideTip = () => tooltip.attr('visibility', 'hidden')\n\n    // 데이터 포인트 표시\n    sortedOrgData.forEach(gd => {\n      gd.values.forEach((d, i) => {\n        const angle = i * angleSlice - Math.PI / 2\n        const pointRadius = radius(d.value)\n        const px = pointRadius * Math.cos(angle)\n        const py = pointRadius * Math.sin(angle)\n\n        g.append('circle')\n          .attr('cx', px)\n          .attr('cy', py)\n          .attr('r', 3)\n          .attr('fill', gd.org === '기준평균' ? '#4CAF50' : '#2196F3')\n          .attr('stroke', '#fff')\n          .attr('stroke-width', 1)\n          .style('cursor', 'pointer')\n          .on('mouseenter', (evt: MouseEvent) => showTip(evt, [\n            `${d.category} — ${gd.org}`,\n            `값: ${Number(d.value).toFixed(2)}`\n          ]))\n          .on('mouseleave', hideTip)\n      })\n    })\n\n    // 레전드 추가 (org가 2개 이상일 때만 — 단일 시리즈에서는 자동 미표시)\n    if (orgData.length > 1) {\n      const legend = svg\n        .append('g')\n        .attr('class', 'legend')\n        .attr('transform', `translate(${chartWidth + 20}, ${chartHeight / 2 - 30})`)\n\n      const legendData = [\n        { label: '기준평균값', color: '#4CAF50', strokeStyle: 'none' },\n        { label: '프로젝트 성과', color: '#2196F3', strokeStyle: 'none' }\n      ]\n\n      const legendItems = legend\n        .selectAll('.legend-item')\n        .data(legendData)\n        .enter()\n        .append('g')\n        .attr('class', 'legend-item')\n        .attr('transform', (d, i) => `translate(0, ${i * 25})`)\n\n      // 레전드 아이콘 (작은 사각형)\n      legendItems\n        .append('rect')\n        .attr('x', 0)\n        .attr('y', 0)\n        .attr('width', 12)\n        .attr('height', 12)\n        .attr('fill', d => d.color)\n        .attr('opacity', 0.6)\n        .attr('stroke', d => d.color)\n        .attr('stroke-width', 1.5)\n\n      // 레전드 텍스트\n      legendItems\n        .append('text')\n        .attr('x', 18)\n        .attr('y', 9)\n        .attr('font-size', '12px')\n        .attr('fill', '#333')\n        .attr('alignment-baseline', 'middle')\n        .text(d => d.label)\n    }\n  }\n}\n"]}