style(storybook): tidy CENTER, chart, org chart and SW story pages

- CENTER plain page layout and shorter reference demo notes (spec values
  moved to the CENTER README); chart specimen descriptions trimmed
- Org chart page names and previews; SW width rows follow the 30px frame
  margin (1980 / 1065 / 727px) and the SW tests match the current layout
- Story inventory regenerated and WORKING_CONTEXT updated
This commit is contained in:
shkim4 committed 2026-11-13 17:58:01 +09:00
1 parent bad2acfc49
commit ed7e8790ec
40 files changed
+1525 -333

No files matched your search

+6 -6
View File
@@ -21,22 +21,22 @@ export const Radial: Story = {
<ChartSampleNotice />
{/* Two per row from 1024px, three from 1200px, one below; source order is the mobile order. */}
<StorySectionGrid className={chartGrid.compact}>
<ChartSpecimen title="Basic" description="radial-simple · 항목별 막대">
<ChartSpecimen title="Basic" description="항목별 막대">
<HMRadialBarChart {...sampleRadial} label="업무 상태 방사형 막대 차트(예시 데이터)" />
</ChartSpecimen>
<ChartSpecimen title="Label" description="radial-label · 막대 안 항목명">
<ChartSpecimen title="Label" description="막대 안 항목명">
<HMRadialBarChart {...sampleRadial} labels startAngle={-90} endAngle={380} label="업무 상태 방사형 막대 차트, 항목명 Label(예시 데이터)" />
</ChartSpecimen>
<ChartSpecimen title="Grid" description="radial-grid · 원형 Grid">
<ChartSpecimen title="Grid" description="원형 Grid">
<HMRadialBarChart {...sampleRadial} grid label="업무 상태 방사형 막대 차트, Grid(예시 데이터)" />
</ChartSpecimen>
<ChartSpecimen title="Text" description="radial-text · 중앙 Text">
<ChartSpecimen title="Text" description="중앙 Text">
<HMRadialMeterChart {...sampleRadialText} startAngle={0} endAngle={250} innerRadius={75} outerRadius={90} trackRadii={[88.5, 76.5]} cornerRadius={10} label="진행 중 건수 방사형 차트, 중앙 Text(예시 데이터)" />
</ChartSpecimen>
<ChartSpecimen title="Shape" description="radial-shape · 링 트랙">
<ChartSpecimen title="Shape" description="링 트랙">
<HMRadialMeterChart {...sampleRadialShape} startAngle={0} endAngle={100} innerRadius={50} outerRadius={95} trackRadii={[90.5, 54.5]} label="진행 중 건수 방사형 차트, Shape(예시 데이터)" />
</ChartSpecimen>
<ChartSpecimen title="Stacked" description="radial-stacked · 반원 누적">
<ChartSpecimen title="Stacked" description="반원 누적">
<HMRadialStackedChart {...sampleRadialStacked} label="업무 상태 방사형 Stacked 차트(예시 데이터)" />
</ChartSpecimen>
</StorySectionGrid>