@funnest/charts-cli 0.2.0 → 0.3.0

package/dist/cli.js

@@ -268,7 +268,7 @@ function element(spec, width, height) {
     case "area":
       return /* @__PURE__ */ jsx(AreaChart, { ...common, stacked: spec.stacked ?? false, ...spec.curve ? { curve: spec.curve } : {}, children: extras });
     case "bar":
-      return /* @__PURE__ */ jsx(BarChart, { ...common, stacked: spec.stacked ?? false, ...spec.colorBySign ? { getBarColor: (v) => v >= 0 ? UP : DOWN } : {}, children: extras });
+      return /* @__PURE__ */ jsx(BarChart, { ...common, stacked: spec.stacked ?? false, ...spec.layout === "horizontal" ? { layout: "horizontal" } : {}, ...spec.colorBySign ? { getBarColor: (v) => v >= 0 ? UP : DOWN } : {}, children: extras });
     case "sparkline": {
       const s = series[0];
       const vals = (s?.data ?? []).filter((v) => v !== null);
@@ -455,6 +455,7 @@ export function Chart() {
   if (spec.stacked) props.push("stacked");
   if (spec.area && spec.area !== "none") props.push(`area=${lit(spec.area)}`);
   if (spec.curve) props.push(`curve=${lit(spec.curve)}`);
+  if (spec.type === "bar" && spec.layout === "horizontal") props.push('layout="horizontal"');
   if (spec.type === "bar" && spec.colorBySign) props.push("getBarColor={(v) => (v >= 0 ? '#F04452' : '#3182F6')}");
   if (ys.length > 1 || spec.legend) props.push("legend");
   const children = [
@@ -572,7 +573,8 @@ var CHARTS = {
       ...COMMON,
       ...SERIES,
       stacked: { kind: "boolean", default: false, ko: "\uC704\uB85C \uC313\uAE30", en: "Stack series" },
-      colorBySign: { kind: "boolean", default: false, ko: "0 \uC774\uC0C1 \uBE68\uAC15, \uBBF8\uB9CC \uD30C\uB791", en: "Red for \u2265 0, blue for < 0" }
+      colorBySign: { kind: "boolean", default: false, ko: "0 \uC774\uC0C1 \uBE68\uAC15, \uBBF8\uB9CC \uD30C\uB791", en: "Red for \u2265 0, blue for < 0" },
+      layout: { kind: "string", enum: ["vertical", "horizontal"], default: "vertical", ko: "'horizontal'\uC774\uBA74 \uAC00\uB85C \uB9C9\uB300 (\uC21C\uC704, \uC5C5\uC885\uBCC4 \uC218\uC775\uB960)", en: "'horizontal' for left-to-right bars (rankings, sector returns)" }
     },
     example: {
       title: "\uC77C\uBCC4 \uC190\uC775",

package/dist/index.js

@@ -158,7 +158,8 @@ var CHARTS = {
       ...COMMON,
       ...SERIES,
       stacked: { kind: "boolean", default: false, ko: "\uC704\uB85C \uC313\uAE30", en: "Stack series" },
-      colorBySign: { kind: "boolean", default: false, ko: "0 \uC774\uC0C1 \uBE68\uAC15, \uBBF8\uB9CC \uD30C\uB791", en: "Red for \u2265 0, blue for < 0" }
+      colorBySign: { kind: "boolean", default: false, ko: "0 \uC774\uC0C1 \uBE68\uAC15, \uBBF8\uB9CC \uD30C\uB791", en: "Red for \u2265 0, blue for < 0" },
+      layout: { kind: "string", enum: ["vertical", "horizontal"], default: "vertical", ko: "'horizontal'\uC774\uBA74 \uAC00\uB85C \uB9C9\uB300 (\uC21C\uC704, \uC5C5\uC885\uBCC4 \uC218\uC775\uB960)", en: "'horizontal' for left-to-right bars (rankings, sector returns)" }
     },
     example: {
       title: "\uC77C\uBCC4 \uC190\uC775",
@@ -441,7 +442,7 @@ function element(spec, width, height) {
     case "area":
       return /* @__PURE__ */ jsx(AreaChart, { ...common, stacked: spec.stacked ?? false, ...spec.curve ? { curve: spec.curve } : {}, children: extras });
     case "bar":
-      return /* @__PURE__ */ jsx(BarChart, { ...common, stacked: spec.stacked ?? false, ...spec.colorBySign ? { getBarColor: (v) => v >= 0 ? UP : DOWN } : {}, children: extras });
+      return /* @__PURE__ */ jsx(BarChart, { ...common, stacked: spec.stacked ?? false, ...spec.layout === "horizontal" ? { layout: "horizontal" } : {}, ...spec.colorBySign ? { getBarColor: (v) => v >= 0 ? UP : DOWN } : {}, children: extras });
     case "sparkline": {
       const s = series[0];
       const vals = (s?.data ?? []).filter((v) => v !== null);
@@ -628,6 +629,7 @@ export function Chart() {
   if (spec.stacked) props.push("stacked");
   if (spec.area && spec.area !== "none") props.push(`area=${lit(spec.area)}`);
   if (spec.curve) props.push(`curve=${lit(spec.curve)}`);
+  if (spec.type === "bar" && spec.layout === "horizontal") props.push('layout="horizontal"');
   if (spec.type === "bar" && spec.colorBySign) props.push("getBarColor={(v) => (v >= 0 ? '#F04452' : '#3182F6')}");
   if (ys.length > 1 || spec.legend) props.push("legend");
   const children = [

package/dist/spec.d.ts

@@ -44,6 +44,8 @@ export interface ChartSpec {
     stacked?: boolean;
     /** bar: red for ≥ 0, blue for < 0 (Korean convention). */
     colorBySign?: boolean;
+    /** bar: 'horizontal' draws one row per category (rankings, sector returns). */
+    layout?: 'vertical' | 'horizontal';
     showXAxis?: boolean;
     showYAxis?: boolean;
     legend?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnest/charts-cli",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Funnest Charts command line: list charts, validate JSON specs, render SVG/PNG/HTML, suggest charts for your data, generate React code",
   "keywords": [
     "chart",
@@ -48,8 +48,8 @@
   "dependencies": {
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
-    "@funnest/charts-react": "0.2.0",
-    "@funnest/charts-viz": "0.2.0"
+    "@funnest/charts-react": "0.3.0",
+    "@funnest/charts-viz": "0.3.0"
   },
   "optionalDependencies": {
     "@resvg/resvg-js": "^2.6.2"